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

style: adjust preview styling

Browse source
This commit is contained in:
TAKAHASHI Shuuji 2025-01-02 18:06:14 +09:00
parent 46637d724b
commit 80dfd37bdc
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/settings/SettingsBottomNav.vue
View file

@ -89,15 +89,14 @@ 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-auto> <div aria-hidden="true" flex="~ wrap" items-center select-settings p-0 pt-1 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 text-center>{{ $t(availableNavButton.label) }}</span> <span v-if="!hideLabel" text-2.5 text-center>{{ $t(availableNavButton.label) }}</span>
</nav> </nav>
</div> </div>