Rubicon/tutu
1
0
Fork 0
Code Issues 19 Pull requests Projects 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
Show stats 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-right: var(--card-pad, 0);
gap: 4px;
contain: layout style;
> :where(img, video) {
max-height: 35vh;

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

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

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

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