fix media item sort

This commit is contained in:
Timi
2025-12-11 19:21:41 +08:00
parent f837c4d4d9
commit c0a0242a02
10 changed files with 201 additions and 101 deletions

View File

@ -78,37 +78,43 @@
}
.items {
column-gap: .25rem;
column-count: 3;
gap: .25rem;
display: flex;
padding-bottom: 2rem;
align-items: flex-start;
.item {
overflow: hidden;
background: var(--theme-bg-card);
break-inside: avoid;
margin-bottom: .25rem;
.column {
flex: 1;
display: flex;
flex-direction: column;
&.thumbnail {
width: 100%;
display: block;
}
.item {
overflow: hidden;
background: var(--theme-bg-card);
margin-bottom: .25rem;
&.video {
height: auto;
position: relative;
&.thumbnail {
width: 100%;
display: block;
}
&::after {
content: "";
top: 50%;
left: 53%;
width: 0;
height: 0;
position: absolute;
transform: translate(-50%, -50%);
border-top: 16px solid transparent;
border-left: 24px solid var(--theme-video-play);
border-bottom: 16px solid transparent;
pointer-events: none;
&.video {
height: auto;
position: relative;
&::after {
content: "";
top: 50%;
left: 53%;
width: 0;
height: 0;
position: absolute;
transform: translate(-50%, -50%);
border-top: 16px solid transparent;
border-left: 24px solid var(--theme-video-play);
border-bottom: 16px solid transparent;
pointer-events: none;
}
}
}
}