feat: enlarge the interactive area of the close button (#483)

apps/renderer/src/modules/settings/modal/content.tsx

@@ -2,6 +2,7 @@ import { repository } from "@pkg"
 import i18next from "i18next"
 import type { FC } from "react"
 import { Suspense, useDeferredValue, useEffect, useLayoutEffect, useState } from "react"
+import { useTranslation } from "react-i18next"
 
 import { MotionButtonBase } from "~/components/ui/button"
 import { useCurrentModal } from "~/components/ui/modal"
@@ -44,10 +45,15 @@ export const SettingModalContent: FC<{
 
 const Close = () => {
   const { dismiss } = useCurrentModal()
+  const { t } = useTranslation("common")
 
   return (
-    <MotionButtonBase className="absolute right-8 top-8 z-[99]" onClick={dismiss}>
-      <i className="i-mgc-close-cute-re" />
+    <MotionButtonBase
+      aria-label={t("close")}
+      className="absolute right-6 top-6 z-[99] flex size-8 items-center justify-center rounded-md duration-200 hover:bg-theme-button-hover"
+      onClick={dismiss}
+    >
+      <i className="i-mgc-close-cute-re block" />
     </MotionButtonBase>
   )
 }

locales/common/ar-DZ.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "تم النسخ إلى الحافظة",
   "cancel": "إلغاء",
+  "close": "إغلاق",
   "confirm": "تأكيد",
   "ok": "موافق",
   "quantifier.piece": "",

locales/common/ar-MA.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "تم النسخ إلى الحافظة",
   "cancel": "إلغاء",
+  "close": "إغلاق",
   "confirm": "تأكيد",
   "ok": "موافق",
   "quantifier.piece": "",

locales/common/ar-SA.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "تم النسخ إلى الحافظة",
   "cancel": "إلغاء",
+  "close": "إغلاق",
   "confirm": "تأكيد",
   "ok": "حسنًا",
   "quantifier.piece": "",

locales/common/en.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "Copied to clipboard",
   "cancel": "Cancel",
+  "close": "Close",
   "confirm": "Confirm",
   "ok": "OK",
   "quantifier.piece": "",

locales/common/es.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "Copiado al portapapeles",
   "cancel": "Cancelar",
+  "close": "Cerrar",
   "confirm": "Confirmar",
   "ok": "OK",
   "quantifier.piece": "",

locales/common/fr.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "Copié dans le presse-papier",
   "cancel": "Annuler",
+  "close": "Fermer",
   "confirm": "Confirmer",
   "ok": "OK",
   "quantifier.piece": "",

locales/common/ja.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "クリップボードにコピーしました",
   "cancel": "キャンセル",
+  "close": "閉じる",
   "confirm": "確認",
   "ok": "OK",
   "quantifier.piece": "個",

locales/common/pt.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "Copiado para a área de transferência",
   "cancel": "Cancelar",
+  "close": "Fechar",
   "confirm": "Confirmar",
   "ok": "OK",
   "quantifier.piece": "",

locales/common/zh-CN.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "已复制到剪贴板",
   "cancel": "取消",
+  "close": "关闭",
   "confirm": "确认",
   "ok": "好",
   "quantifier.piece": "条",

locales/common/zh-TW.json

@@ -1,6 +1,7 @@
 {
   "app.copied_to_clipboard": "已複製到剪貼簿",
   "cancel": "取消",
+  "close": "關閉",
   "confirm": "確認",
   "ok": "確定",
   "quantifier.piece": "",