Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

MediaAttachmentGrid: add a box to each item

Browse source
This commit is contained in:
thislight 2024-11-20 20:34:30 +08:00
parent b1f6033cc8
commit 1047a3b10d
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 82 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/timelines/MediaAttachmentGrid.css
View file

@ -6,18 +6,27 @@
gap: 4px;
contain: layout style;
> :where(img, video) {
&.sensitive>.cell> :where(img, video) {
filter: blur(20px) saturate(0.2);
}
>.cell> :where(img, video) {
object-fit: contain;
width: 100%;
height: 100%;
}
>.cell {
max-height: 35vh;
min-height: 40px;
min-width: 40px;
object-fit: contain;
max-width: 100%;
contain: strict;
content-visibility: auto;
background-color: var(--media-color-accent, var(--tutu-color-surface-d));
border-radius: 2px;
border: 1px solid var(--tutu-color-surface-d);
transition: outline-width 60ms var(--tutu-anim-curve-std), border-color 60ms var(--tutu-anim-curve-std);
contain: strict;
content-visibility: auto;
&:hover,
&:focus-visible {