feat: hide navigation btns for single image

craws · Feb 26, 2024 · 16f8cb6 · 16f8cb6
1 parent e537b19
commit 16f8cb6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/entity-images.vue b/components/entity-images.vue
@@ -6,7 +6,7 @@ const props = defineProps<{
 
 <template>
 	<Carousel class="mx-14">
-		<CarouselPrevious />
+		<CarouselPrevious v-if="$props.images.length > 2" />
 		<CarouselContent>
 			<CarouselItem v-for="(image, index) of props.images" :key="index" class="h-full">
 				<Card class="pb-3">
@@ -19,6 +19,6 @@ const props = defineProps<{
 				</Card>
 			</CarouselItem>
 		</CarouselContent>
-		<CarouselNext />
+		<CarouselNext v-if="$props.images.length > 2" />
 	</Carousel>
 </template>