From 7fc3d70d71b997d284dfe6f133b7cefc88c027f2 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 24 Nov 2024 14:19:40 +0600
Subject: [PATCH] web/remux: fix scroll on short screens

---
 web/src/routes/remux/+page.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/web/src/routes/remux/+page.svelte b/web/src/routes/remux/+page.svelte
index 282e19ac..4e929b09 100644
--- a/web/src/routes/remux/+page.svelte
+++ b/web/src/routes/remux/+page.svelte
@@ -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>