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

minor css adjustments

Browse source
This commit is contained in:
thislight 2024-11-18 22:14:59 +08:00
parent 59b413dace
commit e8c3271af1
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/timelines/MediaAttachmentGrid.css
View file

@ -4,6 +4,7 @@
margin-left: calc(var(--card-pad, 0) + var(--toot-avatar-size, 0) + 8px); margin-left: calc(var(--card-pad, 0) + var(--toot-avatar-size, 0) + 8px);
margin-right: var(--card-pad, 0); margin-right: var(--card-pad, 0);
gap: 4px; gap: 4px;
contain: layout style;
> :where(img, video) { > :where(img, video) {
max-height: 35vh; max-height: 35vh;

6
src/timelines/toot-components/PreviewCard.css
View file

@ -1,7 +1,7 @@
.PreviewCard { .PreviewCard {
display: block; display: block;
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
background-color: var(--tutu-color-surface); background-color: var(--tutu-color-surface-d);
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
@ -13,16 +13,16 @@
overflow: hidden; overflow: hidden;
z-index: 1; z-index: 1;
position: relative; position: relative;
contain: layout style;
>img { >img {
background-color: #eeeeee; background-color: var(--tutu-color-surface);
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
&:hover, &:hover,
&:focus-visible { &:focus-visible {
background-color: var(--tutu-color-surface-d);
color: var(--tutu-color-on-surface); color: var(--tutu-color-on-surface);
>h1 { >h1 {

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

@ -46,6 +46,7 @@
align-items: flex-start; align-items: flex-start;
gap: 8px; gap: 8px;
margin-bottom: 8px; margin-bottom: 8px;
contain: layout style;
> :not(:first-child) { > :not(:first-child) {
flex-grow: 1; flex-grow: 1;