fix: add adaptive to article
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user