From 2232aecde3905439f5e577c8b1ab822ff318c90b Mon Sep 17 00:00:00 2001
From: Sahaj Jain <sahajjain13@gmail.com>
Date: Thu, 17 Apr 2025 22:53:55 +0530
Subject: [PATCH] fix: Mobile

---
 components/editor/editor.tsx | 23 +++++++++--------------
 components/editor/header.tsx |  2 +-
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/components/editor/editor.tsx b/components/editor/editor.tsx
index a202a380..29829b63 100644
--- a/components/editor/editor.tsx
+++ b/components/editor/editor.tsx
@@ -73,7 +73,7 @@ const Editor: React.FC<EditorProps> = ({ config }) => {
       {/* Mobile Layout */}
       <div className="h-full md:hidden">
         <Tabs defaultValue="controls" className="h-full">
-          <TabsList className="w-full">
+          <TabsList className="w-full rounded-none">
             <TabsTrigger value="controls" className="flex-1">
               <Sliders className="h-4 w-4 mr-2" />
               Controls
@@ -81,21 +81,16 @@ const Editor: React.FC<EditorProps> = ({ config }) => {
             <TabsTrigger value="preview" className="flex-1">
               Preview
             </TabsTrigger>
-            <TabsTrigger value="code" className="flex-1">
-              Code
-            </TabsTrigger>
           </TabsList>
-          <TabsContent value="controls" className="h-[calc(100%-2.5rem)]">
-            <div className="h-full p-4">
-              <Controls
-                styles={styles}
-                onChange={handleStyleChange}
-                currentMode={themeState.currentMode}
-              />
-            </div>
+          <TabsContent value="controls" className="h-[calc(100%-2.5rem)] mt-0">
+            <Controls
+              styles={styles}
+              onChange={handleStyleChange}
+              currentMode={themeState.currentMode}
+            />
           </TabsContent>
-          <TabsContent value="preview" className="h-[calc(100%-2.5rem)]">
-            <div className="h-full p-4">
+          <TabsContent value="preview" className="h-[calc(100%-2.5rem)] mt-0">
+            <div className="h-full flex flex-col">
               <Preview styles={styles} currentMode={themeState.currentMode} />
             </div>
           </TabsContent>
diff --git a/components/editor/header.tsx b/components/editor/header.tsx
index c9ac759f..6988f5b6 100644
--- a/components/editor/header.tsx
+++ b/components/editor/header.tsx
@@ -16,7 +16,7 @@ export function Header() {
 
   return (
     <header className="border-b">
-      <div className="px-2 md:px-4 py-4 flex items-center gap-2 justify-between">
+      <div className="p-4 flex items-center gap-2 justify-between">
         <div className="flex items-center gap-1">
           <Link href="/" className="flex items-center gap-2">
             <Logo className="size-6" title="tweakcn" />