From 07544dfb20b59721977d85bf34c1d3581744eed8 Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Wed, 13 Mar 2024 03:11:55 +0100
Subject: [PATCH] Add hover and active state to setting page

---
 src/pages/[locale]/settings/index.astro | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/[locale]/settings/index.astro b/src/pages/[locale]/settings/index.astro
index f017361..751769c 100644
--- a/src/pages/[locale]/settings/index.astro
+++ b/src/pages/[locale]/settings/index.astro
@@ -19,7 +19,7 @@ const { t } = await getI18n(currentLocale);
       {
         cache.locales.map(({ id }) => (
           <a
-            class:list={{ current: currentLocale === id }}
+            class:list={{ current: currentLocale === id, "pressable-link": true }}
             href={`?action-lang=${id}`}
             data-astro-prefetch="tap">
             {formatLocale(id)}
@@ -32,19 +32,19 @@ const { t } = await getI18n(currentLocale);
       <h2>{t("settings.theme.title")}</h2>
       <p>{t("settings.theme.description")}</p><br />
       <a
-        class:list={{ current: currentTheme === "dark" }}
+        class:list={{ current: currentTheme === "dark", "pressable-link": true }}
         href="?action-theme=dark"
         data-astro-prefetch="tap">
         {t("global.theme.dark")}
       </a>
       <a
-        class:list={{ current: currentTheme === "auto" }}
+        class:list={{ current: currentTheme === "auto", "pressable-link": true }}
         href="?action-theme=auto"
         data-astro-prefetch="tap">
         {t("global.theme.auto")}
       </a>
       <a
-        class:list={{ current: currentTheme === "light" }}
+        class:list={{ current: currentTheme === "light", "pressable-link": true }}
         href="?action-theme=light"
         data-astro-prefetch="tap">
         {t("global.theme.light")}
@@ -57,7 +57,7 @@ const { t } = await getI18n(currentLocale);
       {
         cache.currencies.map((id) => (
           <a
-            class:list={{ current: currentCurrency === id }}
+            class:list={{ current: currentCurrency === id, "pressable-link": true }}
             href={`?action-currency=${id}`}
             data-astro-prefetch="tap">
             {`${id} (${formatCurrency(id)})`}