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

chore: include button preview translation

Browse source
This commit is contained in:
userquin 2025-01-01 19:28:37 +01:00
parent baaf271eeb
commit 46637d724b
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
components/settings/SettingsBottomNav.vue
View file

@ -89,14 +89,15 @@ const hideLabel = useHideBottomNavigationLabel()
{{ $t('settings.interface.bottom_nav_instructions') }} {{ $t('settings.interface.bottom_nav_instructions') }}
</p> </p>
<!-- preview --> <!-- preview -->
<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-auto>
<nav <nav
v-for="availableNavButton in selectedNavButtons" :key="availableNavButton.name" v-for="availableNavButton in selectedNavButtons" :key="availableNavButton.name"
flex="~ col 1" items-center justify-center text-xl flex="~ col 1" items-center justify-center text-xl
scrollbar-hide overscroll-none scrollbar-hide overscroll-none
:class="hideLabel ? null : 'gap-1'"
> >
<span :class="availableNavButton.icon" /> <span :class="availableNavButton.icon" />
<span v-if="!hideLabel" text-xs>{{ availableNavButton.name }}</span> <span v-if="!hideLabel" text-xs text-center>{{ $t(availableNavButton.label) }}</span>
</nav> </nav>
</div> </div>
@ -112,7 +113,7 @@ const hideLabel = useHideBottomNavigationLabel()
:aria-checked="isAdded(name)" :aria-checked="isAdded(name)"
@click="isAdded(name) ? remove(name) : append(name)" @click="isAdded(name) ? remove(name) : append(name)"
> >
<span :class="icon" /> <span aria-hidden="true" :class="icon" />
{{ label ? $t(label) : 'More menu' }} {{ label ? $t(label) : 'More menu' }}
</button> </button>
</div> </div>