chore: polish css

src/routes/setting/Overview/index.tsx

@@ -29,7 +29,7 @@ export default function Overview() {
   const isAdmin = loginUser?.is_admin;
 
   return (
-    <div className="relative w-[512px] h-full flex flex-col gap-6">
+    <div className="relative w-full md:w-[512px] h-full flex flex-col gap-6">
       <Server />
       {isAdmin && (
         <>

src/routes/setting/Widget.tsx

@@ -5,7 +5,7 @@ import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
 const Row = ({ paramKey, paramDefault, remarks }: { paramKey: string, paramDefault: string | number, remarks: string }) => {
-  return <tr className="bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-50 border-b transition duration-300 ease-in-out md:hover:bg-gray-100">
+  return <tr className="bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-50 border-b transition duration-300 ease-in-out md:hover:bg-gray-100 dark:md:hover:bg-gray-900">
     <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
       {paramKey}
     </td>

src/routes/settingChannel/navs.tsx

@@ -7,6 +7,7 @@ import ManageMembers from "../../common/component/ManageMembers";
 export interface NavItem {
   name: string;
   title: string;
+  link?: string;
   component: ReactNode;
 }