refactor: remove hover effects in mobile

src/routes/chat/ChannelChat/index.tsx

@@ -145,7 +145,7 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
         users={
           <div className={`h-full flex-col gap-1 w-[226px] overflow-y-scroll p-2 shadow-[inset_1px_0px_0px_rgba(0,_0,_0,_0.1)] ${membersVisible ? "flex" : "hidden"}`}>
             {addVisible && (
-              <div className="cursor-pointer flex items-center justify-start gap-1 select-none rounded-lg p-2.5 hover:bg-gray-500/10" onClick={toggleAddVisible}>
+              <div className="cursor-pointer flex items-center justify-start gap-1 select-none rounded-lg p-2.5 md:hover:bg-gray-500/10" onClick={toggleAddVisible}>
                 <IconAdd className="w-6 h-6 dark:fill-slate-300" />
                 <div className="font-semibold text-sm text-gray-600 dark:text-gray-50">{t("add_channel_members")}</div>
               </div>

src/routes/chat/FavList.tsx

@@ -17,11 +17,11 @@ const FavList: FC<Props> = ({ cid = null, uid = null }) => {
   const noFavs = favorites.length == 0;
   return (
     <div className="p-4 bg-slate-50 dark:bg-slate-800 rounded-xl min-w-[500px] max-h-[500px] overflow-auto drop-shadow-[0px_25px_50px_rgba(31,_41,_55,_0.25)]">
-      <h4 className="font-bold text-base text-gray-600 dark:text-gray-400 mb-4">{t('fav_msg')}({favorites.length})</h4>
+      <h4 className="font-bold text-gray-600 dark:text-gray-400 mb-4">{t('fav_msg')}({favorites.length})</h4>
       {noFavs ? (
         <div className="flex flex-col gap-2 w-full items-center p-4">
           <IconSurprise />
-          <div className="w-60 text-base text-gray-600 dark:text-gray-400 text-center font-bold">{t("fav_empty_tip")}</div>
+          <div className="w-60 text-gray-600 dark:text-gray-400 text-center font-bold">{t("fav_empty_tip")}</div>
         </div>
       ) : (
         <ul className="flex flex-col gap-2">

src/routes/setting/BotConfig/BotAPIKeys.tsx

@@ -12,14 +12,6 @@ import clsx from 'clsx';
 type Props = {
     uid: number
 }
-
-// const APIKeyTable = () => {
-
-
-//     return <table>
-
-//     </table>;
-// };
 type DeleteAPIKeyProps = { uid: number, kid: number }
 const tdClass = "p-1 whitespace-nowrap text-xs text-gray-500 dark:text-gray-200 align-middle px-1";
 const BotAPIKeys = ({ uid }: Props) => {

src/routes/setting/License/index.tsx

@@ -59,7 +59,7 @@ export default function License() {
         </div>
         <div className="flex flex-col gap-4 bg-primary-500 text-white rounded drop-shadow-xl p-5">
           <h2 className="text-2xl font-bold">{t("license.tip.title")} 🎁</h2>
-          <p className="text-base flex flex-col">
+          <p className="flex flex-col">
             <span>
               {t("license.tip.user_test")}
             </span>