fix: some style

web/app/components/header/account-dropdown/index.tsx

@@ -23,7 +23,7 @@ export default function AppSelector() {
     rounded-lg font-normal hover:bg-gray-50 cursor-pointer
   `
   const router = useRouter()
-  const [settingVisible, setSettingVisible] = useState(false)
+  const [settingVisible, setSettingVisible] = useState(true)
   const [aboutVisible, setAboutVisible] = useState(false)
 
   const { locale } = useContext(I18n)

web/app/components/header/account-setting/index.tsx

@@ -30,7 +30,7 @@ type IAccountSettingProps = {
 }
 export default function AccountSetting({
   onCancel,
-  activeTab = 'account',
+  activeTab = 'provider',
 }: IAccountSettingProps) {
   const [activeMenu, setActiveMenu] = useState(activeTab)
   const { t } = useTranslation()

web/app/components/header/account-setting/model-page/model-item/index.tsx

@@ -16,7 +16,8 @@ const ModelItem: FC<ModelItemProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex justify-between items-center mb-2 px-4 h-14 bg-gray-50 rounded-xl'>
+    <div className='mb-2 bg-gray-50 rounded-xl'>
+      <div className='flex justify-between items-center px-4 h-14'>
         {provider.icon}
         <Button
           className='!px-3 !h-7 rounded-md bg-white !text-xs font-medium text-gray-700'
@@ -35,6 +36,47 @@ const ModelItem: FC<ModelItemProps> = ({
           <Operation />
         </div>
       </div>
+      <div className='px-3 pb-3'>
+        <div className='flex mb-1 px-3 py-2 bg-white rounded-lg shadow-xs last:mb-0'>
+          <div className='grow'>
+            <div className='flex items-center mb-0.5 h-[18px] text-[13px] font-medium text-gray-700'>
+              al6z-infra/llama136-v2-chat
+              <div className='ml-2 px-1.5 rounded-md border border-[rgba(0,0,0,0.08)] text-xs text-gray-600'>Embeddings</div>
+            </div>
+            <div className='text-xs text-gray-500'>version: d7769041994d94e96ad9d568eac12laecf50684a060963625a41c4006126985</div>
+          </div>
+          <div className='flex items-center'>
+            <Indicator className='mr-3' />
+            <Button
+              className='mr-1 !px-3 !h-7 rounded-md bg-white !text-xs font-medium text-gray-700'
+              onClick={onOpenModal}
+            >
+              {t('common.operation.edit')}
+            </Button>
+            <Operation />
+          </div>
+        </div>
+        <div className='flex mb-1 px-3 py-2 bg-white rounded-lg shadow-xs last:mb-0'>
+          <div className='grow'>
+            <div className='flex items-center mb-0.5 h-[18px] text-[13px] font-medium text-gray-700'>
+              al6z-infra/llama136-v2-chat
+              <div className='ml-2 px-1.5 rounded-md border border-[rgba(0,0,0,0.08)] text-xs text-gray-600'>Embeddings</div>
+            </div>
+            <div className='text-xs text-gray-500'>version: d7769041994d94e96ad9d568eac12laecf50684a060963625a41c4006126985</div>
+          </div>
+          <div className='flex items-center'>
+            <Indicator className='mr-3' />
+            <Button
+              className='mr-1 !px-3 !h-7 rounded-md bg-white !text-xs font-medium text-gray-700'
+              onClick={onOpenModal}
+            >
+              {t('common.operation.edit')}
+            </Button>
+            <Operation />
+          </div>
+        </div>
+      </div>
+    </div>
   )
 }
 

web/i18n/lang/common.en.ts

@@ -224,12 +224,6 @@ const translation = {
     models: 'Models',
     showMoreModelProvider: 'Show more model provider',
     card: {
-      openai: {
-        desc: 'Models provided by OpenAI, such as GPT-3.5-Turbo and GPT-4.',
-      },
-      anthropic: {
-        desc: 'Anthropic’s powerful models, such as Claude 2 and Claude Instant.',
-      },
       quota: 'QUOTA',
       onTrial: 'On Trial',
       paid: 'Paid',

web/i18n/lang/common.zh.ts

@@ -220,12 +220,6 @@ const translation = {
     models: 'Models',
     showMoreModelProvider: 'Show more model provider',
     card: {
-      openai: {
-        desc: 'Models provided by OpenAI, such as GPT-3.5-Turbo and GPT-4.',
-      },
-      anthropic: {
-        desc: 'Anthropic’s powerful models, such as Claude 2 and Claude Instant.',
-      },
       quota: 'QUOTA',
       onTrial: 'On Trial',
       paid: 'Paid',