20 lines
503 B
Vue
20 lines
503 B
Vue
<template>
|
|
<section class="text-center p-6">
|
|
<h2 class="text-3xl font-bold text-blue-700 mb-6">📸 Galeri</h2>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl mx-auto">
|
|
<img
|
|
v-for="(img, index) in images"
|
|
:key="index"
|
|
:src="img"
|
|
class="rounded-xl shadow-md hover:scale-105 transition duration-300"
|
|
alt="Foto Galeri"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({ images: Array })
|
|
</script>
|