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

MediaAttachmentGrid: support click to reveal

Browse source
This commit is contained in:
thislight 2024-11-20 21:09:14 +08:00
parent 1047a3b10d
commit 8cd95b9e90
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
2 changed files with 38 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/timelines/MediaAttachmentGrid.css
View file

@ -6,16 +6,6 @@
gap: 4px;
contain: layout style;
&.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;
@ -33,5 +23,17 @@
outline: 8px solid var(--media-color-accent, var(--tutu-color-surface-d));
border-color: var(--media-color-accent, var(--tutu-color-surface-d));
}
& > :where(img, video, .sensitive-placeholder) {
object-fit: contain;
width: 100%;
height: 100%;
}
& > .sensitive-placeholder {
display: flex;
align-items: center;
justify-content: center;
}
}
}