chore: Update Sidepanel UI styling and manifest configuration

This commit is contained in:
n4ze3m 2024-05-16 11:32:31 +05:30
parent d6fff4bfa1
commit d28525ad02
3 changed files with 5 additions and 2 deletions

View File

@ -32,7 +32,9 @@ export const SidePanelBody = () => {
isTTSEnabled={ttsEnabled} 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 ref={divRef} />
</div> </div>
) )

View File

@ -117,7 +117,7 @@ export const SidepanelForm = ({ dropedFile }: Props) => {
} }
return ( 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 <div
className={`h-full rounded-md shadow relative ${ className={`h-full rounded-md shadow relative ${
form.values.image.length === 0 ? "hidden" : "block" form.values.image.length === 0 ? "hidden" : "block"

View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="manifest.type" content="browser_action" /> <meta name="manifest.type" content="browser_action" />
<meta name="manifest.open_at_install" content="false" /> <meta name="manifest.open_at_install" content="false" />
<meta name="manifest.browser_style" content="false" />
<link href="~/assets/tailwind.css" rel="stylesheet" /> <link href="~/assets/tailwind.css" rel="stylesheet" />
<meta charset="utf-8" /> <meta charset="utf-8" />
</head> </head>