fix: add adaptive to article

This commit is contained in:
2025-07-07 15:24:13 +03:00
parent 40e010bafd
commit f20785993a
13 changed files with 326 additions and 43 deletions

View File

@@ -1,8 +1,12 @@
.Sidebar {
display: flex;
flex-direction: column;
gap: rem(40px);
display: none;
@include iflaptop{
display: flex;
flex-direction: column;
gap: rem(40px);
}
.Estimation {
background: $color-green;
@@ -45,10 +49,14 @@
.Phone {
font-family: $font-roboto;
font-weight: 500;
font-size: rem(32px);
font-size: rem(24px);
line-height: 100%;
color: $color-white;
text-transform: uppercase;
@include ifdesktop{
font-size: rem(32px);
}
}
}

View File

@@ -13,7 +13,7 @@ function Sidebar({
warranties,
}: SidebarProps) {
return (
<div className={s.Sidebar}>
<aside className={s.Sidebar}>
<div className={s.Estimation}>
<h4 className={s.Title}>Срок выполнения:</h4>
<p className={s.Estimate}>от {estimate} дней</p>
@@ -49,7 +49,7 @@ function Sidebar({
</ul>
</div>
)}
</div>
</aside>
);
}