From 51944a751655ab1974aa86456dac3faa06220046 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 21 Mar 2025 11:16:27 +0800
Subject: [PATCH 1/4] fix: add model spacing

---
 .../account-setting/model-provider-page/model-modal/Form.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx b/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
index e5022fdf21..89de40add4 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
@@ -194,7 +194,7 @@ function Form<
             )}
             {tooltipContent}
           </div>
-          <div className={`grid-cols- grid${options?.length} gap-3`}>
+          <div className={cn('grid gap-3', `grid-cols-${options?.length}`)}>
             {options.filter((option) => {
               if (option.show_on.length)
                 return option.show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value)

From 173ca81ac0d59da0d9bec10aff6952edea13527f Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Fri, 21 Mar 2025 11:22:47 +0800
Subject: [PATCH 2/4] fix: disabled tailwindcss/no-arbitrary-value rule

---
 web/eslint.config.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/eslint.config.mjs b/web/eslint.config.mjs
index d303936f0e..9ce151c751 100644
--- a/web/eslint.config.mjs
+++ b/web/eslint.config.mjs
@@ -195,9 +195,9 @@ export default combine(
       'tailwindcss/no-custom-classname': 'off',
       'tailwindcss/no-unnecessary-arbitrary-value': 'off',
 
+      'tailwindcss/no-arbitrary-value': 'off',
       'tailwindcss/classnames-order': 'warn',
       'tailwindcss/enforces-negative-arbitrary-values': 'warn',
-      'tailwindcss/no-arbitrary-value': 'warn',
       'tailwindcss/migration-from-tailwind-2': 'warn',
     },
   },

From 59a1313fb5c778e570ba6d06ef0bf880ecbae4fc Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 21 Mar 2025 11:23:42 +0800
Subject: [PATCH 3/4] fix: button nest button error

---
 .../provider-added-card/priority-selector.tsx                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx
index 779c9ef0c1..193608afc8 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx
@@ -32,7 +32,7 @@ const Selector: FC<SelectorProps> = ({
 
   return (
     <Popover className='relative'>
-      <PopoverButton>
+      <PopoverButton as='div'>
         {
           ({ open }) => (
             <Button className={cn(

From b6bccd4ae82c328cb9d5e35cd403420dec4c0c57 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 21 Mar 2025 11:29:28 +0800
Subject: [PATCH 4/4] fix: input focus missing icon

---
 web/app/components/base/emoji-picker/Inner.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/base/emoji-picker/Inner.tsx b/web/app/components/base/emoji-picker/Inner.tsx
index cddc5c66d5..34ce3f7da0 100644
--- a/web/app/components/base/emoji-picker/Inner.tsx
+++ b/web/app/components/base/emoji-picker/Inner.tsx
@@ -72,7 +72,7 @@ const EmojiPickerInner: FC<IEmojiPickerInnerProps> = ({
   return <div className={cn(className)}>
     <div className='flex w-full flex-col items-center px-3 pb-2'>
       <div className="relative w-full">
-        <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+        <div className="pointer-events-none absolute inset-y-0 left-0 z-10 flex items-center pl-3">
           <MagnifyingGlassIcon className="h-5 w-5 text-text-quaternary" aria-hidden="true" />
         </div>
         <Input