26 lines
627 B
Vue
26 lines
627 B
Vue
<template>
|
|
<div class="p-6 text-center">
|
|
<h2 class="text-3xl font-bold text-orange-700 mb-6">📸 Galeri Foto 📸</h2>
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
|
|
<div
|
|
v-for="(img, i) in images"
|
|
:key="i"
|
|
class="overflow-hidden rounded-xl shadow-md"
|
|
>
|
|
<img
|
|
:src="img"
|
|
alt="Galeri"
|
|
class="object-cover w-full h-48 transform hover:scale-105 transition"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
images: Array
|
|
})
|
|
</script>
|
|
|