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

TootPreviewCard: minor layout adjustment
All checks were successful
/ depoly (push) Successful in 1m6s
Details

Browse source 
Remove the image's centre in compact layout.
This helps the feeling when the text is too long.
I am still finding ways to limit the card height.
This commit is contained in:
thislight 2024-08-22 17:11:45 +08:00
parent a24319911b
commit c628397675
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -117,6 +117,7 @@
color: var(--tutu-color-secondary-text-on-surface); color: var(--tutu-color-secondary-text-on-surface);
transition: color 220ms var(--tutu-anim-curve-std), background-color 220ms var(--tutu-anim-curve-std); transition: color 220ms var(--tutu-anim-curve-std), background-color 220ms var(--tutu-anim-curve-std);
padding-bottom: 8px; padding-bottom: 8px;
overflow: hidden;
>img { >img {
max-width: 100%; max-width: 100%;
@ -151,7 +152,6 @@
>img:first-child { >img:first-child {
grid-row: 1 / 3; grid-row: 1 / 3;
height: 100%;
object-fit: contain; object-fit: contain;
} }