fix: fix width of scrollable container

usernein · Jun 27, 2023 · e9dda80 · e9dda80
1 parent 2bff3e8
commit e9dda80
Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/BindingConfig.tsx b/src/components/BindingConfig.tsx
@@ -35,7 +35,7 @@ export function BindingConfig ({
   return (
     <div
       class={clsx(
-        'flex flex-col gap-2 justify-center bg-base-100 p-2 rounded-[var(--rounded-box)] transition-[height] duration-300 w-[80%] h-fit cursor-pointer hover:brightness-110',
+        'flex flex-col gap-2 justify-center bg-base-100 p-2 rounded-[var(--rounded-box)] transition-[height] duration-300 w-80 h-fit cursor-pointer hover:brightness-110',
         isMinimized ? 'opacity-70' : ''
       )}
       {...(isMinimized

diff --git a/src/pages/SettingsBindings.tsx b/src/pages/SettingsBindings.tsx
@@ -19,8 +19,8 @@ export const SettingsBindings = () => {
     <div className='collapse collapse-arrow bg-base-200'>
       <input type='checkbox' />
       <div className='collapse-title text-md font-medium'>Bindings</div>
-      <div className='collapse-content flex flex-row flex-wrap gap-2 max-h-min transition-[height] duration-300 delay-1000'>
-        <div className='w-fit scrollbar-thin scrollbar-track-base-200 scrollbar-thumb-white/5 overflow-x-auto flex flex-col items-center gap-2 flex-wrap max-h-96 '>
+      <div className='collapse-content flex flex-row flex-wrap gap-2'>
+        <div className='w-full scrollbar-thin scrollbar-track-base-200 scrollbar-thumb-white/5 overflow-x-auto flex flex-col gap-2 flex-wrap justify-start items-start max-h-96'>
           {bindings.map((binding: Binding, index: keyof typeof bindings) => (
             <BindingConfig
               key={index}