feat: frontend multi models support (#804)

Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: Joel <iamjoel007@gmail.com>

web/app/components/header/nav/index.tsx

@@ -35,7 +35,7 @@ const Nav = ({
   return (
     <div className={`
       flex items-center h-8 mr-3 px-0.5 rounded-xl text-sm shrink-0 font-medium
-      ${isActived && 'bg-white shadow-[0_2px_5px_-1px_rgba(0,0,0,0.05),0_2px_4px_-2px_rgba(0,0,0,0.05)] font-semibold'}
+      ${isActived && 'bg-white shadow-md font-semibold'}
       ${!curNav && !isActived && 'hover:bg-gray-200'}
     `}>
       <Link href={link}>

web/app/components/header/nav/nav-selector/index.tsx

@@ -61,7 +61,7 @@ const NavSelector = ({ curNav, navs, createText, onCreate, onLoadmore }: INavSel
           className="
             absolute -left-11 right-0 mt-1.5 w-60 max-w-80
             divide-y divide-gray-100 origin-top-right rounded-lg bg-white
-            shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_rgba(0,0,0,0.05)]
+            shadow-lg
           "
         >
           <div className="px-1 py-1 overflow-auto" style={{ maxHeight: '50vh' }} onScroll={handleScroll}>