From d28525ad02c41f685a6bd2e5aba90c33749c0880 Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Thu, 16 May 2024 11:32:31 +0530
Subject: [PATCH] chore: Update Sidepanel UI styling and manifest configuration

---
 src/components/Sidepanel/Chat/body.tsx | 4 +++-
 src/components/Sidepanel/Chat/form.tsx | 2 +-
 src/entries/sidepanel/index.html       | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Sidepanel/Chat/body.tsx b/src/components/Sidepanel/Chat/body.tsx
index d6e3684..5617970 100644
--- a/src/components/Sidepanel/Chat/body.tsx
+++ b/src/components/Sidepanel/Chat/body.tsx
@@ -32,7 +32,9 @@ export const SidePanelBody = () => {
           isTTSEnabled={ttsEnabled}
         />
       ))}
-      <div className="w-full h-32 md:h-48 flex-shrink-0"></div>
+      {
+        import.meta.env.BROWSER === "chrome" ? <div className="w-full h-32 md:h-48 flex-shrink-0"></div> : <div className="w-full h-48 flex-shrink-0"></div>
+      }
       <div ref={divRef} />
     </div>
   )
diff --git a/src/components/Sidepanel/Chat/form.tsx b/src/components/Sidepanel/Chat/form.tsx
index 45ec340..41afbcb 100644
--- a/src/components/Sidepanel/Chat/form.tsx
+++ b/src/components/Sidepanel/Chat/form.tsx
@@ -117,7 +117,7 @@ export const SidepanelForm = ({ dropedFile }: Props) => {
   }
 
   return (
-    <div className="px-3 pt-3 md:px-6 md:pt-6 md:bg-white dark:bg-[#262626] border rounded-t-xl border-black/10 dark:border-gray-600">
+    <div className="px-3 pt-3 md:px-6 md:pt-6 bg-gray-50 dark:bg-[#262626] border rounded-t-xl border-black/10 dark:border-gray-600">
       <div
         className={`h-full rounded-md shadow relative ${
           form.values.image.length === 0 ? "hidden" : "block"
diff --git a/src/entries/sidepanel/index.html b/src/entries/sidepanel/index.html
index f18de84..c7f91b9 100644
--- a/src/entries/sidepanel/index.html
+++ b/src/entries/sidepanel/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="manifest.type" content="browser_action" />
     <meta name="manifest.open_at_install" content="false" />
+    <meta name="manifest.browser_style" content="false" />
     <link href="~/assets/tailwind.css" rel="stylesheet" />
     <meta charset="utf-8" />
   </head>