alex-sharoff-website/components/gallery/GalleryItem.vue
2023-11-11 10:34:31 +04:00

24 lines
525 B
Vue

<script>
import GalleryItemMixin from "~/components/gallery/GalleryItemMixin";
export default {
mixins: [GalleryItemMixin],
};
</script>
<template>
<a class="gallery-item w-1/2 p-0.5 sm:w-1/2 md:w-1/3 xl:w-1/4 sm:p-1"
:class="`filter-${category}`"
:data-groups="category"
:data-src="full_img_url"
>
<img class="gallery-item-thumb cursor-pointer w-full"
:width="thumbSize.w" :height="thumbSize.h"
:src="thumbnail_url"/>
</a>
</template>
<style scoped>
.gallery-item {}
</style>