mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-10-31 10:12:26 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

[chore] Fix header insets (#3987)

Browse source
This commit is contained in:
tobi 2025-04-11 15:50:14 +02:00 • committed by GitHub
commit eb4114bf12
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/source/css/_profile-header.css
View file

@ -20,6 +20,8 @@
.profile .profile-header { .profile .profile-header {
background: $profile-bg; background: $profile-bg;
border-radius: $br; border-radius: $br;
margin-bottom: 1rem;
padding-bottom: 1rem;
/* /*
Link to open media in slide Link to open media in slide
@ -69,6 +71,7 @@
.basic-info { .basic-info {
position: relative; position: relative;
display: grid; display: grid;
gap: 0 1rem;
box-sizing: border-box; box-sizing: border-box;
grid-template-columns: $avatar-size auto 1fr; grid-template-columns: $avatar-size auto 1fr;
grid-template-rows: $overlap $name-size auto; grid-template-rows: $overlap $name-size auto;
@ -77,10 +80,12 @@
"avatar namerole namerole" "avatar namerole namerole"
"avatar namerole namerole"; "avatar namerole namerole";
margin: 1rem; /*
margin-top: calc(-1 * $overlap); Margin top to inset profile pic into
gap: 0 1rem; header image, margin sides to inset
padding-bottom: 1rem; basic info from header wrapper.
*/
margin: calc(-1 * $overlap) 1rem 0 1rem;
.avatar-image-wrapper { .avatar-image-wrapper {
grid-area: avatar; grid-area: avatar;