From e400984c787c85e12585b1781b9580a6c5a857e7 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Thu, 2 Jan 2025 01:34:22 +0900
Subject: [PATCH] chore: show button label in preview area

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

diff --git a/components/settings/SettingsBottomNav.vue b/components/settings/SettingsBottomNav.vue
index 719f55d8..803e4373 100644
--- a/components/settings/SettingsBottomNav.vue
+++ b/components/settings/SettingsBottomNav.vue
@@ -71,6 +71,8 @@ function reset() {
 function save() {
   navButtonNamesSetting.value = selectedNavButtonNames.value
 }
+
+const hideLabel = useHideBottomNavigationLabel()
 </script>
 
 <template>
@@ -92,10 +94,11 @@ function save() {
       <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
+          flex="~ col 1" items-center justify-center text-xl
           scrollbar-hide overscroll-none
         >
           <span :class="availableNavButton.icon" />
+          <span v-if="!hideLabel" text-xs>{{ availableNavButton.name }}</span>
         </nav>
       </div>