refactor: remove hover effects in mobile

2023-02-21 21:59:15 +08:00
parent 58ff722503
commit 7496a01edc
13 changed files with 14 additions and 22 deletions
@@ -13,9 +13,9 @@ const Prompt: FC<Props> = ({ handleInstall, closePrompt }) => {
  const { t } = useTranslation();
  return (
    <Modal mask={false}>
-      <div className="relative pointer-events-auto mt-4 w-[406px] p-4 rounded-md bg-white shadow-md flex flex-col gap-3">
+      <div className="relative pointer-events-auto mt-4 w-[406px] p-4 rounded-md bg-white dark:bg-gray-900 shadow-md flex flex-col gap-3">
        <IconClose className="absolute top-4 right-4 cursor-pointer" onClick={closePrompt} />
-        <div className="flex flex-col gap-4 text-gray-600">
+        <div className="flex flex-col gap-4 text-gray-600 dark:text-gray-300">
          <h2 className="font-semibold">{t("tip.pwa_install_title")}</h2>
          <p className="text-sm">{t("tip.pwa_install_desc")}</p>
        </div>