chore: remove hover effects in mobile

src/routes/setting/BotConfig/TestAPIKeyModal.tsx

@@ -62,7 +62,7 @@ const TestAPIKeyModal = ({ closeModal }: Props) => {
             >
                 {key ? (data ? <ul className="divide-y-2">
                     {data.map(({ gid, name, is_public }) => {
-                        return <li key={gid} className={clsx("py-1 px-2 text-gray-500 cursor-pointer hover:bg-slate-50", gid == currCid ? 'bg-slate-100' : "")} onClick={handleSetChannel.bind(null, gid)}>
+                        return <li key={gid} className={clsx("py-1 px-2 text-gray-500 cursor-pointer md:hover:bg-slate-50", gid == currCid ? 'bg-slate-100' : "")} onClick={handleSetChannel.bind(null, gid)}>
                             # {name} {!is_public ? "🔒" : ""}
                         </li>;
                     })}
@@ -73,7 +73,7 @@ const TestAPIKeyModal = ({ closeModal }: Props) => {
                     <Textarea ref={msgInputRef} placeholder='Input Something...' />
                     <ul className='flex gap-1'>
                         {Object.entries(MessageTypes).map(([key, value]) => {
-                            return <li onClick={handleSetMsgType.bind(null, key)} className={clsx("py-1 px-2 text-gray-500 cursor-pointer hover:bg-slate-50", msgType == key ? 'bg-slate-100' : "")} key={key}>{value}</li>;
+                            return <li onClick={handleSetMsgType.bind(null, key)} className={clsx("py-1 px-2 text-gray-500 cursor-pointer md:hover:bg-slate-50", msgType == key ? 'bg-slate-100' : "")} key={key}>{value}</li>;
                         })}
                     </ul>
                     <Button className='mini' onClick={handleSend} >Send</Button>

src/routes/setting/BotConfig/index.tsx

@@ -85,7 +85,7 @@ export default function BotConfig() {
             <tbody>
               {bots.map(bot => {
                 const { uid, name, avatar } = bot;
-                return <tr key={uid} className="bg-white dark:bg-gray-800 border-b dark:border-b-gray-500 transition duration-300 ease-in-out hover:bg-gray-100">
+                return <tr key={uid} className="bg-white dark:bg-gray-800 border-b dark:border-b-gray-500 transition duration-300 ease-in-out md:hover:bg-gray-100">
                   <td className="px-4 py-2">
                     <AvatarUploader uid={uid} url={avatar} uploadImage={updateAvatar} name={name} size={56} />
                   </td>

src/routes/setting/License/LicensePriceListModal.tsx

@@ -133,7 +133,7 @@ const LicensePriceListModal: FC<Props> = ({ closeModal }) => {
                 </div>
               }
             >
-              <button onClick={togglePopUpVisible} className="text-sm text-white bg-primary-400 break-keep shadow rounded-lg px-3.5 py-2.5 hover:bg-primary-500 active:bg-primary-500 disabled:bg-gray-300"> {t("license.renew")}</button>
+              <button onClick={togglePopUpVisible} className="text-sm text-white bg-primary-400 break-keep shadow rounded-lg px-3.5 py-2.5 md:hover:bg-primary-500 active:bg-primary-500 disabled:bg-gray-300"> {t("license.renew")}</button>
               {/* <Button >
                 {t("license.renew")}
               </Button> */}

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 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">
     <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
       {paramKey}
     </td>