Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 07:25:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

migration vers typescript + refonte total de l'app

Browse Source
This commit is contained in:
Sonny
2022-04-28 04:30:38 +02:00
parent 1e79072626
commit 1ab51979fe
32 changed files with 2737 additions and 7815 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
styles/globals.scss
View File

@@ -12,6 +12,7 @@ body {
height: 100%;
width: 100%;
color: #111;
background-color: #f0eef6;
font-family: "Poppins", sans-serif;
padding: 0;
margin: 0;
@@ -27,6 +28,28 @@ body {
flex-direction: column;
}
.App {
height: 100%;
width: 1280px;
padding: 10px;
display: flex;
justify-content: center;
}
a {
width: fit-content;
color: #3f88c5;
border-bottom: 1px solid transparent;
text-decoration: none;
transition: 0.15s;
&:hover,
&:focus {
color: #3d7bab;
border-bottom: 1px solid #3d7bab;
}
}
ul,
li {
list-style: none;
@@ -61,9 +84,61 @@ button {
padding: 10px;
border: 1px solid #3f88c5;
border-radius: 3px;
transition: .15s;
transition: 0.15s;
&:hover {
transform: scale(1.01);
&:disabled {
cursor: default;
opacity: 0.5;
}
}
&:not(:disabled):hover {
box-shadow: #105b97 0 0 3px 1px;
background: #105b97;
color: #fff;
}
}
input:not(.nostyle) {
color: #333;
background: #fff;
padding: 10px;
border: 1px solid #dadce0;
border-bottom: 3px solid #dadce0;
transition: 0.15s;
&:focus {
border-bottom: 3px solid #3f88c5;
}
}
input::placeholder {
font-style: italic;
color: #dadce0;
}
.input-field {
& label,
& input,
& select {
width: 100%;
}
}
select:not(.nostyle) {
color: #333;
background: #fff;
padding: 10px;
border: 1px solid #dadce0;
border-bottom: 3px solid #dadce0;
transition: 0.15s;
&:focus {
border-bottom: 3px solid #3f88c5;
}
}
@media (max-width: 1280px) {
.App {
width: 100%;
}
}