web/remux: fix scroll on short screens

This commit is contained in:
wukko 2024-11-24 14:19:40 +06:00
parent b737dbacd6
commit 7fc3d70d71
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -207,7 +207,12 @@
/>
</svelte:head>
<DropReceiver id="remux-container" bind:draggedOver bind:file>
<DropReceiver
bind:file
bind:draggedOver
id="remux-container"
classes={processing ? "processing" : ""}
>
<div
id="remux-open"
class:processing
@ -372,4 +377,12 @@
gap: var(--padding);
}
}
@media screen and (max-height: 750px) and (max-width: 535px) {
:global(#remux-container:not(.processing)) {
justify-content: start;
align-items: start;
padding-top: var(--padding);
}
}
</style>