fix nav position

This commit is contained in:
pythongosssss
2026-04-01 07:29:09 -07:00
parent 55bd9410eb
commit 6342a4378e

View File

@@ -64,28 +64,6 @@ const hasCompareImages = computed(() =>
<template>
<div class="flex size-full flex-col overflow-hidden">
<div
v-if="showBatchNav"
class="flex shrink-0 justify-between px-2 py-1 text-xs"
data-testid="batch-nav"
>
<BatchNavigation
v-model="beforeIndex"
:count="compareImages.before.length"
data-testid="before-batch"
>
<template #label>{{ $t('imageCompare.batchLabelA') }}</template>
</BatchNavigation>
<BatchNavigation
v-model="afterIndex"
:count="compareImages.after.length"
data-testid="after-batch"
>
<template #label>{{ $t('imageCompare.batchLabelB') }}</template>
</BatchNavigation>
</div>
<div
v-if="beforeUrl || afterUrl"
class="flex min-h-0 flex-1 items-center justify-center"
@@ -137,5 +115,27 @@ const hasCompareImages = computed(() =>
>
{{ $t('imageCompare.noImages') }}
</div>
<div
v-if="showBatchNav"
class="flex shrink-0 justify-between px-4 py-2 text-xs"
data-testid="batch-nav"
>
<BatchNavigation
v-model="beforeIndex"
:count="compareImages.before.length"
data-testid="before-batch"
>
<template #label>{{ $t('imageCompare.batchLabelA') }}</template>
</BatchNavigation>
<BatchNavigation
v-model="afterIndex"
:count="compareImages.after.length"
data-testid="after-batch"
>
<template #label>{{ $t('imageCompare.batchLabelB') }}</template>
</BatchNavigation>
</div>
</div>
</template>