Fix the layout on tablets and mobile devices

interstellard · Apr 28, 2023 · 42e0587 · 42e0587
1 parent eef3b09
commit 42e0587
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/build/webchatgpt-3.2.7-chrome.zip b/build/webchatgpt-3.2.7-chrome.zip
diff --git a/build/webchatgpt-3.2.7-firefox.zip b/build/webchatgpt-3.2.7-firefox.zip
diff --git a/src/components/toolbar.tsx b/src/components/toolbar.tsx
@@ -132,8 +132,8 @@ const Toolbar = ({ textarea }: ToolbarProps) => {
         </div>
 
     return (
-        <div className="wcg-flex wcg-flex-col wcg-gap-0">
-            <div className="wcg-toolbar wcg-flex wcg-items-center wcg-gap-2 wcg-rounded-md wcg-px-1">
+        <div className="wcg-flex wcg-flex-col wcg-gap-1 wcg-py-1">
+            <div className="wcg-toolbar wcg-flex wcg-justify-center wcg-items-center wcg-gap-2 wcg-rounded-md wcg-px-1">
                 <div className="wcg-btn-xs wcg-btn focus:wcg-ring-2 focus:wcg-ring-white"
                     tabIndex={0}
                     onClick={() => Browser.runtime.sendMessage("show_options")}

diff --git a/src/content-scripts/mainUI.tsx b/src/content-scripts/mainUI.tsx
@@ -170,10 +170,10 @@ async function updateUI() {
 async function renderToolbar() {
 
     try {
-        const textareaParentParent = textarea?.parentElement?.parentElement
+        const textareaParentParent = textarea?.parentElement?.parentElement?.parentElement?.parentElement
         const { shadowRootDiv, shadowRoot } = await createShadowRoot('content-scripts/mainUI.css')
         shadowRootDiv.classList.add('wcg-toolbar')
-        textareaParentParent?.appendChild(shadowRootDiv)
+        textareaParentParent?.insertBefore(shadowRootDiv, textareaParentParent?.childNodes[1])
         render(<Toolbar textarea={textarea} />, shadowRoot)
 
     } catch (e) {