mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-10-29 02:12:25 -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

36
web/source/settings/style.css
View file

@ -395,21 +395,29 @@ section.with-sidebar > div, section.with-sidebar > form {
gap: 1rem;
}
.file-upload > div {
display: flex;
gap: 1rem;
img {
height: 8rem;
border: 0.2rem solid $border-accent;
.file-upload {
.file-upload-with-preview {
display: flex;
gap: 1rem;
img {
height: 8rem;
border: 0.2rem solid $border-accent;
}
img.avatar {
width: 8rem;
}
img.header {
width: 24rem;
}
}
img.avatar {
width: 8rem;
}
img.header {
width: 24rem;
.file-input-with-image-description {
display: flex;
flex-direction: column;
justify-content: space-around;
}
}