From 9164f38af07cbe54f38d8704a7cfde68dcfff6b2 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Mon, 15 Apr 2024 00:54:44 +0900
Subject: [PATCH] fix(ui): fix and adjust bottom navigation preview on setting
 page

---
 components/settings/SettingsBottomNav.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/settings/SettingsBottomNav.vue b/components/settings/SettingsBottomNav.vue
index 740f3d0c..10381acb 100644
--- a/components/settings/SettingsBottomNav.vue
+++ b/components/settings/SettingsBottomNav.vue
@@ -69,13 +69,13 @@ function save() {
 <template>
   <form aria-labelledby="interface-bn" aria-describedby="interface-bn-desc" @submit.prevent="save">
     <!-- preview -->
-    <div aria-hidden="true" flex="~ gap4 wrap" items-center select-settings h-14 p0>
+    <div aria-hidden="true" flex="~ gap4 wrap" items-center select-settings h-14>
       <nav
         v-for="availableNavButton in selectedNavButtons" :key="availableNavButton.name"
         flex="~ 1" items-center justify-center text-xl
         scrollbar-hide overscroll-none
       >
-        <button btn-base :class="availableNavButton.icon" mx-4 tabindex="-1" />
+        <span :class="availableNavButton.icon" />
       </nav>
     </div>