ayo/elk
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: show button label in preview area

Browse source
This commit is contained in:
TAKAHASHI Shuuji 2025-01-02 01:34:22 +09:00
parent 56e5123fe7
commit e400984c78
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/settings/SettingsBottomNav.vue
View file

@ -71,6 +71,8 @@ function reset() {
function save() { function save() {
navButtonNamesSetting.value = selectedNavButtonNames.value navButtonNamesSetting.value = selectedNavButtonNames.value
} }
const hideLabel = useHideBottomNavigationLabel()
</script> </script>
<template> <template>
@ -92,10 +94,11 @@ function save() {
<div aria-hidden="true" flex="~ gap4 wrap" items-center select-settings h-14> <div aria-hidden="true" flex="~ gap4 wrap" items-center select-settings h-14>
<nav <nav
v-for="availableNavButton in selectedNavButtons" :key="availableNavButton.name" 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 scrollbar-hide overscroll-none
> >
<span :class="availableNavButton.icon" /> <span :class="availableNavButton.icon" />
<span v-if="!hideLabel" text-xs>{{ availableNavButton.name }}</span>
</nav> </nav>
</div> </div>