From 2b242befe126afc6a072c4cbfad01f49ebe0af5c Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Sun, 13 Apr 2025 13:34:51 +0530
Subject: [PATCH] fix: Reduce gap in mobile

---
 src/routes/edit/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/edit/+page.svelte b/src/routes/edit/+page.svelte
index 2c54f231..2617d3eb 100644
--- a/src/routes/edit/+page.svelte
+++ b/src/routes/edit/+page.svelte
@@ -101,8 +101,8 @@
         direction="horizontal"
         autoSaveId="liveEditor"
         class="gap-4 p-2 pt-0 sm:gap-0 sm:p-6 sm:pt-0">
-        <Resizable.Pane bind:this={editorPane} defaultSize={30} minSize={15} class="block">
-          <div class="flex h-full flex-col gap-6" id="editorPane">
+        <Resizable.Pane bind:this={editorPane} defaultSize={30} minSize={15}>
+          <div class="flex h-full flex-col gap-4 sm:gap-6">
             <Card
               onselect={tabSelectHandler}
               isOpen
@@ -115,7 +115,7 @@
               <Editor {isMobile} />
             </Card>
 
-            <div class="group flex flex-wrap justify-between gap-6">
+            <div class="group flex flex-wrap justify-between gap-4 sm:gap-6">
               <Preset />
               <Actions />
             </div>