rework footer layout

This commit is contained in:
Victor Batischev 2024-02-14 16:09:09 +03:00
parent 97813c875c
commit ef6d8f4331
16 changed files with 16 additions and 152 deletions

View File

@ -136,10 +136,6 @@
line-height: normal;
}
}
footer {
margin-top: 2rem !important;
}
}
@media (max-width: 575.98px) {

View File

@ -148,12 +148,6 @@
}
}
}
footer {
margin-top: 2.5rem !important;
position: relative;
z-index: -2;
}
}
@media (max-width: 375.98px) {

View File

@ -286,15 +286,15 @@ export const ProfileCalendarComponent = React.memo(
? `${getCorrectDate(startDate)} - ${getCorrectDate(endDate)}`
: `${getCorrectDate(endDate)} - ${getCorrectDate(startDate)}`
: activePeriod
? "Выберите диапазон на календаре"
: "Выбрать диапазон"}
? "Выберите диапазон на календаре"
: "Выбрать диапазон"}
</span>
<span>
{totalRangeHours
? `${totalRangeHours} ${hourOfNum(totalRangeHours)}`
: endDate
? "0 часов"
: ""}
? "0 часов"
: ""}
</span>
{endDate && (
<BaseButton

View File

@ -62,8 +62,4 @@
}
}
}
footer {
margin-top: 10px;
}
}

View File

@ -124,10 +124,6 @@
right: 2.5rem;
}
.form-page footer {
margin-top: 6rem !important;
}
@media (max-width: 991px) {
.form-page {
&__separator {

View File

@ -314,10 +314,6 @@
}
}
footer {
margin-top: 70px;
}
&__info {
background: #ffffff;
border-radius: 12px;

View File

@ -536,8 +536,4 @@
background: #52b709;
}
}
footer {
margin-top: 70px;
}
}

View File

@ -174,8 +174,4 @@
margin-top: 0;
}
}
footer {
margin-top: 70px;
}
}

View File

@ -352,8 +352,4 @@
}
}
}
footer {
margin-top: 70px;
}
}

View File

@ -1,6 +1,7 @@
.treaties {
background: #f1f1f1;
height: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
@ -385,8 +386,4 @@
margin-top: 0;
}
}
footer {
margin-top: 70px;
}
}

View File

@ -151,8 +151,4 @@
margin-top: 0;
}
}
footer {
margin-top: 70px;
}
}

View File

@ -1,6 +1,7 @@
.profile {
background: #f1f1f1;
height: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
@ -48,92 +49,17 @@
@media (max-width: 1175px) {
justify-content: center;
}
// .item {
// max-width: 353px;
// width: 100%;
// padding: 35px 45px 15px 30px;
// background: #FFFFFF;
// border-radius: 12px;
// text-decoration: none;
// cursor: pointer;
// transition: all 0.3s ease;
// &:hover {
// box-shadow: 6px 5px 20px rgb(87 98 80 / 21%);
// transform: scale(1.02);
// }
// @media (max-width: 1175px) {
// width: 48%;
// max-width: none;
// }
// @media (max-width: 925px) {
// width: 100%;
// padding: 15px 25px;
// }
// &__about {
// display: flex;
// column-gap: 20px;
// align-items: center;
// margin-bottom: 30px;
// @media (max-width: 925px) {
// margin-bottom: 15px;
// }
// h3 {
// color: #000000;
// font-weight: 500;
// font-size: 18px;
// line-height: 22px;
// max-width: 125px;
// margin-bottom: 0;
// }
// }
// &__info {
// display: flex;
// justify-content: space-between;
// align-items: center;
// p {
// font-weight: 700;
// font-size: 12px;
// line-height: 20px;
// color: #000000;
// margin-bottom: 0;
// span {
// color: #52B709;
// font-weight: 700;
// }
// }
// &Link {
// width: 48px;
// height: 48px;
// background: #DDEEC6;
// border-radius: 50px;
// display: flex;
// justify-content: center;
// align-items: center;
// }
// }
// }
}
.container {
max-width: 1160px;
margin-top: 23px;
display: flex;
flex-direction: column;
flex: 1;
@media (max-width: 570px) {
margin-top: 0;
}
}
footer {
margin-top: 70px;
}
}

View File

@ -188,8 +188,4 @@
}
}
}
footer {
margin-top: 80px;
}
}

View File

@ -1,6 +1,7 @@
.summary {
background: #f1f1f1;
height: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
@ -509,12 +510,10 @@
}
}
footer {
margin-top: 10px;
}
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
margin-top: 23px;
@media (max-width: 570px) {

View File

@ -19,14 +19,6 @@
margin-top: 23px;
}
footer {
margin-top: 70px;
.row {
margin-right: 0px;
}
}
&__title {
font-weight: 700;
font-size: 22px;

View File

@ -424,12 +424,4 @@
}
}
}
footer {
margin-top: 70px;
@media (max-width: 575px) {
margin-top: 0;
}
}
}