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

MediaAttachmentGrid: optimize preview layout (#11)

Browse source
This commit is contained in:
thislight 2024-09-14 20:09:54 +08:00
parent a7b0f480ac
commit 06e2460b04
2 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/timelines/toot.module.css
View file

@ -140,7 +140,7 @@
max-height: calc(4 * var(--title-line-height) * var(--title-size));
}
> p {
>p {
max-height: calc(8 * var(--body-line-height) * var(--body-size));
}
@ -228,10 +228,19 @@
> :where(img) {
max-height: 35vh;
min-height: 40px;
object-fit: none;
width: 100%;
object-fit: contain;
max-width: 100%;
background-color: var(--tutu-color-surface-d);
border-radius: 2px;
border: 1px solid transparent;
transition: border-color 220ms var(--tutu-anim-curve-std),
box-shadow 220ms var(--tutu-anim-curve-std);
&:hover,
&:focus-visible {
border: 1px solid var(--tutu-color-surface-dd);
box-shadow: var(--tutu-shadow-e1);
}
}
}