fix: divider styles

langgenius · May 9, 2024 · 973bc50 · 973bc50
1 parent c498b80
commit 973bc50
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx b/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
@@ -132,7 +132,7 @@ const ComponentPicker = ({
             // See https://github.com/facebook/lexical/blob/ac97dfa9e14a73ea2d6934ff566282d7f758e8bb/packages/lexical-react/src/shared/LexicalMenu.ts#L493
             <div className='w-full h-full'>
               <div
-                className='p-1 w-[260px] bg-white rounded-lg border-[0.5px] border-gray-200 shadow-lg overflow-y-auto'
+                className='p-1 w-[260px] bg-white rounded-lg border-[0.5px] border-gray-200 shadow-lg overflow-y-auto overflow-x-hidden'
                 style={{
                   ...floatingStyles,
                   visibility: isPositioned ? 'visible' : 'hidden',
@@ -146,7 +146,7 @@ const ComponentPicker = ({
                       {
                         // Divider
                         index !== 0 && options.at(index - 1)?.group !== option.group && (
-                          <div className='my-1 h-[1px] bg-gray-100'></div>
+                          <div className='h-px bg-gray-100 my-1 w-screen -translate-x-1'></div>
                         )
                       }
                       {option.renderMenuOption({
@@ -167,7 +167,7 @@ const ComponentPicker = ({
                     <>
                       {
                         (!!options.length) && (
-                          <div className='my-1 h-[1px] bg-gray-100'></div>
+                          <div className='h-px bg-gray-100 my-1 w-screen -translate-x-1'></div>
                         )
                       }
                       <div className='p-1'>