mirror of
https://github.com/penpot/penpot.git
synced 2025-02-20 13:55:34 -05:00
🐛 Fix hero image space when the screen is small
This commit is contained in:
parent
41bccc7213
commit
aeff50ba9f
2 changed files with 10 additions and 8 deletions
|
@ -203,7 +203,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
padding: $s-20 $s-20;
|
padding: $s-20 $s-20;
|
||||||
}
|
}
|
||||||
|
@ -222,7 +221,7 @@
|
||||||
a {
|
a {
|
||||||
color: $da-primary;
|
color: $da-primary;
|
||||||
}
|
}
|
||||||
padding-top: $s-8;
|
padding: $s-8 0;
|
||||||
}
|
}
|
||||||
.close {
|
.close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -249,8 +248,11 @@
|
||||||
height: $s-200;
|
height: $s-200;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: $br-4;
|
border-radius: $br-4;
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
display: none;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-radius: $br-4;
|
border-radius: $br-4;
|
||||||
height: $s-200;
|
height: $s-200;
|
||||||
|
|
Loading…
Add table
Reference in a new issue