usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix

This commit is contained in:
tamaina 2023-04-15 03:24:48 +00:00
parent 6c8da244d8
commit fc8ab483b3
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/frontend/src/components/MkMediaList.vue
View File

@ -198,28 +198,31 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
&.n1 { &.n1 {
grid-template-rows: 1fr; grid-template-rows: 1fr;
max-height: 128px;
&.n1expand { // default (expand)
min-height: 64px; min-height: 64px;
max-height: clamp( max-height: clamp(
64px, 64px,
calc(var(--containerHeight, 100svh) * 0.5), // but --containerHeight can broken (too big) calc(var(--containerHeight, 100svh) * 0.5), // but --containerHeight can broken (too big)
min(334px, 50vh) min(334px, 50vh)
); );
}
&.n116_9 { &.n116_9 {
min-height: none;
max-height: none; max-height: none;
aspect-ratio: 16 / 9; // fallback aspect-ratio: 16 / 9; // fallback
} }
&.n11_1{ &.n11_1{
min-height: none;
max-height: none; max-height: none;
aspect-ratio: 1 / 1; // fallback aspect-ratio: 1 / 1; // fallback
} }
&.n13_4 {
&.n12_3 {
min-height: none;
max-height: none; max-height: none;
aspect-ratio: 3 / 4; // fallback aspect-ratio: 2 / 3; // fallback
} }
} }