Rubicon/tutu
1
0
Fork 0
Code Issues18 Pull requests1 Projects1 Activity Actions

MediaAttachmentGrid: fix layout on WebKit

Browse source
This commit is contained in:
thislight 2024-11-20 21:51:29 +08:00
parent 8d8d2a8fb1
commit 147c9fbce1
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
2 changed files with 79 additions and 69 deletions

19
src/timelines/MediaAttachmentGrid.css
View file

@ -6,7 +6,7 @@
gap: 4px;
contain: layout style;
>.cell {
> :where(img, video, .sensitive-placeholder) {
max-height: 35vh;
min-height: 40px;
min-width: 40px;
@ -24,16 +24,13 @@
border-color: var(--media-color-accent, var(--tutu-color-surface-d));
}
& > :where(img, video, .sensitive-placeholder) {
object-fit: contain;
width: 100%;
height: 100%;
}
object-fit: contain;
}
& > .sensitive-placeholder {
display: flex;
align-items: center;
justify-content: center;
}
>.sensitive-placeholder {
display: inline-flex;
display: inline flex;
align-items: center;
justify-content: center;
}
}