From 68b13ab5c219f862012bfc0a1b9decee017e561e Mon Sep 17 00:00:00 2001
From: grngxd <36968271+grngxd@users.noreply.github.com>
Date: Tue, 10 Jun 2025 14:49:39 +0100
Subject: [PATCH] fix: responsiveness

---
 src/components/Controlbar.tsx  | 2 +-
 src/routes/dashboard/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Controlbar.tsx b/src/components/Controlbar.tsx
index 0322b68..3aeadc1 100644
--- a/src/components/Controlbar.tsx
+++ b/src/components/Controlbar.tsx
@@ -42,7 +42,7 @@ export default component$(() => {
         }
     })
     return (
-        <div class="z-[999999999] fixed bottom-4 left-1/2 transform -translate-x-1/2 bg-neutral-700/10 backdrop-blur-3xl w-1/3 p-2 pr-4 rounded-lg flex items-center justify-between">
+        <div class="z-[999999999] fixed bottom-4 left-1/2 transform -translate-x-1/2 bg-neutral-700/10 backdrop-blur-3xl lg:w-1/3 md:w-2/3 w-4/5 p-2 pr-4 rounded-lg flex items-center justify-between">
             <input 
                 type="file" 
                 ref={fileInputRef}
diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index cab3450..c7e1727 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -55,7 +55,7 @@ export default component$(() => {
 						</div>
 					)
 					: (
-						<div class="grid grid-cols-4 gap-3 p-6 mb-14">
+						<div class="grid xl:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-3 p-6 mb-14">
 							{files.value.map((file) => (
 								<File key={file.Name} file={file} />
 							))}