kglt/fyne-on
1
0
Fork 0
Code Pull requests 1 Activity Actions 6

fix(ui): increase target size of back button (#3325)

Browse source
This commit is contained in:
Florens Verschelde 2025-07-08 00:47:25 +02:00 • committed by GitHub
parent a51f8f172a
commit 190be77043
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/components/main/MainContent.vue
View file

@ -35,15 +35,16 @@ const containerClass = computed(() => {
'backdrop-blur': !getPreferences(userSettings, 'optimizeForLowPerformanceDevice'), 'backdrop-blur': !getPreferences(userSettings, 'optimizeForLowPerformanceDevice'),
}" }"
> >
<div flex justify-between px5 py2 :class="{ 'xl:hidden': $route.name !== 'tag' }" class="native:xl:flex" border="b base"> <div flex justify-between gap-2 min-h-53px px5 py1 :class="{ 'xl:hidden': $route.name !== 'tag' }" class="native:xl:flex" border="b base">
<div flex gap-3 items-center :overflow-hidden="!noOverflowHidden ? '' : false" py2 w-full> <div flex gap-2 items-center :overflow-hidden="!noOverflowHidden ? '' : false" w-full>
<NuxtLink <button
v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0 xl:hidden v-if="backOnSmallScreen || back"
btn-text flex items-center ms="-3" p-3 xl:hidden
:aria-label="$t('nav.back')" :aria-label="$t('nav.back')"
@click="$router.go(-1)" @click="$router.go(-1)"
> >
<div i-ri:arrow-left-line class="rtl-flip" /> <div text-lg i-ri:arrow-left-line class="rtl-flip" />
</NuxtLink> </button>
<div :truncate="!noOverflowHidden ? '' : false" flex w-full data-tauri-drag-region class="native-mac:justify-start native-mac:text-center"> <div :truncate="!noOverflowHidden ? '' : false" flex w-full data-tauri-drag-region class="native-mac:justify-start native-mac:text-center">
<slot name="title" /> <slot name="title" />
</div> </div>

15
app/components/nav/NavTitle.vue
View file

@ -33,17 +33,16 @@ router.afterEach(() => {
{{ $t('app_name') }} <sup text-sm italic mt-1>{{ env === 'release' ? 'alpha' : env }}</sup> {{ $t('app_name') }} <sup text-sm italic mt-1>{{ env === 'release' ? 'alpha' : env }}</sup>
</div> </div>
</NuxtLink> </NuxtLink>
<div <div hidden xl:flex items-center me-6 mt-2 gap-1>
hidden xl:flex items-center me-8 mt-2 gap-1 <CommonTooltip :content="$t('nav.back')" :distance="0">
> <button
<CommonTooltip :content="$t('nav.back')"> type="button"
<NuxtLink
:aria-label="$t('nav.back')" :aria-label="$t('nav.back')"
:class="{ 'pointer-events-none op0': !back || back === '/', 'xl:flex': $route.name !== 'tag' }" btn-text p-3 :class="{ 'pointer-events-none op0': !back || back === '/', 'xl:flex': $route.name !== 'tag' }"
@click="$router.go(-1)" @click="$router.go(-1)"
> >
<div text-xl i-ri:arrow-left-line class="rtl-flip" btn-text /> <div text-xl i-ri:arrow-left-line class="rtl-flip" />
</NuxtLink> </button>
</CommonTooltip> </CommonTooltip>
</div> </div>
</div> </div>