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

[bugfix] Fix wide images being squished when used as instance avatar (#2669)

Browse source
This commit is contained in:
tobi 2024-02-21 14:24:04 +01:00 • committed by GitHub
commit 2d9e498f96
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 52 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

21
web/source/css/index.css
View file

@ -18,12 +18,23 @@
*/
/*
Render instance title a
bit bigger on index page.
Render instance title + image
a bit bigger on index page.
Overrides the css from page.css.
*/
.page-header a h1 {
font-size: 2rem;
line-height: 2rem;
.page-header {
& > a {
& > h1 {
font-size: 2rem;
line-height: 2rem;
}
& > img {
align-self: center;
max-height: 6rem;
}
}
}
/*

13
web/source/css/page.css
View file

@ -47,11 +47,20 @@
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
img {
align-self: center;
/*
Shrink too-wide / too-tall instance
icons to sensible proportions. Allow
pretty wide images but prevent things
getting too out of hand + looking bad.
*/
max-height: 4rem;
max-width: 16rem;
}
h1 {
align-self: center;
text-align: center;