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() {
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>