apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

registration adaptive

Browse Source
This commit is contained in:
Victor Batischev
2023-12-05 14:22:45 +03:00
parent 93c1dd3945
commit 522a67bf6b
11 changed files with 92 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/pages/Summary/summary.scss
View File

@ -1,17 +1,8 @@
.summary {
background: #F1F1F1;
background: #f1f1f1;
height: 100%;
min-height: 100vh;
font-family: 'LabGrotesque', sans-serif;
//
//&__container {
// max-width: 1160px;
// padding: 0 10px;
// margin: 20px auto;
// position: relative;
// display: flex;
// flex-direction: column;
//}
font-family: "LabGrotesque", sans-serif;
&__content {
display: flex;
@ -25,7 +16,7 @@
margin-bottom: 0;
span {
color: #52B709;
color: #52b709;
}
}
@ -45,10 +36,10 @@
}
&__info {
min-height: 128px;
min-height: 110px;
background: white;
border-radius: 12px;
margin-top: 30px;
margin-top: 25px;
display: flex;
align-items: center;
padding: 0 25px 0 45px;
@ -129,9 +120,9 @@
}
&:after {
content: '';
content: "";
position: absolute;
background: #52B709;
background: #52b709;
border-radius: 12px;
width: 70%;
height: 8px;
@ -150,7 +141,14 @@
color: white;
border: none;
transition: all 0.3s ease;
background-image: linear-gradient(to top, #6aaf5c 0%, #52b709 100%), linear-gradient(36deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 47%, rgba(255, 255, 255, 0.17) 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to top, #6aaf5c 0%, #52b709 100%),
linear-gradient(
36deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.16) 47%,
rgba(255, 255, 255, 0.17) 50%,
rgba(255, 255, 255, 0) 100%
);
&:hover {
box-shadow: 6px 5px 20px rgb(87 98 80 / 21%);
@ -169,7 +167,7 @@
}
&__skills {
background: #FFFFFF;
background: #ffffff;
border-radius: 12px;
margin-top: 35px;
}
@ -177,7 +175,7 @@
&__sections__head {
display: flex;
min-height: 69px;
background: #E1FCCF;
background: #e1fccf;
border-radius: 12px 12px 0px 0px;
align-items: center;
padding: 0 35px 0 50px;
@ -191,6 +189,7 @@
font-style: normal;
font-size: 18px;
line-height: 32px;
margin: 0;
@media (max-width: 660px) {
line-height: 20px;
@ -198,7 +197,7 @@
}
button {
background: #FFFFFF;
background: #ffffff;
border-radius: 44px;
padding: 10px 20px;
display: flex;
@ -228,7 +227,7 @@
padding: 25px 35px 25px 50px;
@media (max-width: 550px) {
padding: 15px 15px 20px;
padding: 15px;
}
&__wrapper {
@ -260,7 +259,7 @@
.experience {
&__block {
background: #FFFFFF;
background: #ffffff;
border-radius: 12px;
}
@ -316,9 +315,9 @@
.noGitItems {
width: 100%;
font-size: 20px;
background: #FFFFFF;
background: #ffffff;
border-radius: 12px;
padding: 35px 30px 30px 45px;
padding: 10px;
color: #000000;
font-weight: 600;
}
@ -328,9 +327,9 @@
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
background: #ffffff;
border-radius: 12px;
padding: 35px 30px 30px 45px;
padding: 10px;
transition: all 0.3s ease;
color: #000000;
@ -375,29 +374,11 @@
p {
font-weight: 300;
font-size: 16px;
line-height: 32px;
margin-bottom: 0;
white-space: nowrap;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
@media (max-width: 1040px) {
max-width: 250px;
}
@media (max-width: 890px) {
max-width: 200px;
}
@media (max-width: 825px) {
max-width: 500px;
}
@media (max-width: 720px) {
max-width: 250px;
}
@media (max-width: 470px) {
max-width: 200px;
}
@ -405,7 +386,6 @@
}
&__specification {
margin-top: 30px;
display: flex;
align-items: center;
padding-left: 10px;
@ -416,7 +396,7 @@
}
span {
background: #D4F123;
background: #d4f123;
border-radius: 12px;
max-width: 260px;
width: 100%;
@ -434,7 +414,7 @@
&__link {
border-radius: 50%;
background: #DDEEC6;
background: #ddeec6;
min-width: 48px;
height: 48px;
cursor: pointer;
@ -447,15 +427,15 @@
}
footer {
margin-top: 70px;
margin-top: 10px;
}
.container {
max-width: 1160px;
margin-top: 23px;
max-width: 1160px;
margin-top: 23px;
@media (max-width: 570px) {
margin-top: 0;
}
}
@media (max-width: 570px) {
margin-top: 0;
}
}
}