bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Profile: add smaller header image breakpoints

Browse source
This commit is contained in:
Alex Gleason 2021-09-13 12:06:47 -05:00
parent 89b66ab56d
commit 6eeecf0825
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/styles/components/account-header.scss
View file

@ -45,8 +45,18 @@
height: 350px; height: 350px;
position: relative; position: relative;
background: var(--accent-color--faint); background: var(--accent-color--faint);
@media screen and (max-width: 895px) { height: 225px; }
&--none { height: 125px; } @media screen and (max-width: 895px) {
height: 225px;
}
@media screen and (max-width: 560px) {
height: 150px;
}
&--none {
height: 125px;
}
img { img {
object-fit: cover; object-fit: cover;