Fix model and mode menu side offset

logancyang · Nov 13, 2024 · fa7e57e · fa7e57e
1 parent 0d574e1
commit fa7e57e
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 4 deletions.
diff --git a/src/components/ChatComponents/ChatControls.tsx b/src/components/ChatComponents/ChatControls.tsx
@@ -129,7 +129,7 @@ const ChatControls: React.FC<ChatControlsProps> = ({
           </DropdownMenu.Trigger>
 
           <DropdownMenu.Portal>
-            <DropdownMenu.Content className="chain-select-content">
+            <DropdownMenu.Content className="chain-select-content" align="end" sideOffset={5}>
               <DropdownMenu.Item onSelect={() => handleChainChange({ value: "llm_chain" })}>
                 chat
               </DropdownMenu.Item>

diff --git a/src/components/ChatComponents/ChatInput.tsx b/src/components/ChatComponents/ChatInput.tsx
@@ -228,7 +228,7 @@ const ChatInput: React.FC<ChatInputProps> = ({
           </DropdownMenu.Trigger>
 
           <DropdownMenu.Portal>
-            <DropdownMenu.Content className="model-select-content">
+            <DropdownMenu.Content className="model-select-content" align="start">
               {settings.activeModels
                 .filter((model) => model.enabled)
                 .map((model) => (

diff --git a/styles.css b/styles.css
@@ -223,7 +223,6 @@ If your plugin does not need CSS, delete this file.
   border-radius: 4px;
   padding: 4px;
   font-size: 10px;
-  transform: translateX(30px);
   z-index: 1000;
 }
 
@@ -259,7 +258,6 @@ If your plugin does not need CSS, delete this file.
   border-radius: 4px;
   padding: 4px;
   font-size: 10px;
-  transform: translateX(-5px);
   z-index: 1000;
 }