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

[chore] Fix header insets

Browse source
This commit is contained in:
tobi 2025-04-11 12:28:00 +02:00
commit 1f3d29d335
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;