From af9decfb9ccdfc2b72e4b0c2417e2b1aecb4c2d9 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Tue, 1 Oct 2024 23:57:20 +0800
Subject: [PATCH] fix(ui): slider overflow issue

Signed-off-by: Neko Ayaka <neko@ayaka.moe>
---
 app/pages/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 8fe54c1..76de2e7 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -28,7 +28,7 @@ async function onFileChange(e: Event) {
 
 <template>
   <div>
-    <div flex flex-row gap-2 px-6 py-2>
+    <div flex="~ col sm:row" gap-2 px="4 sm:6" py-2>
       <input type="file" @change="onFileChange">
       <div w-full inline-flex flex-row items-center>
         <span min-w-40>