failj/ntspi-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing VK api, changes in post gallery, added sections in main page

Browse Source
This commit is contained in:
F4ilji
2025-04-20 13:15:33 +05:00
parent e233ad5196
commit 5cfa777a6b
8 changed files with 265 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/componentss/features/posts/components/PostGallery.vue
+19 -12
View File
@@ -28,18 +28,25 @@
</button>
</div>
<div class="p-4 overflow-y-auto">
<div class="grid grid-cols-2 sm:grid-cols-5 gap-3">
<div v-for="(image, index) in images" class="group block relative overflow-hidden rounded-lg">
<img loading="lazy" @click="openLightboxOnSlide(index + 1)" class="w-full size-40 object-cover bg-gray-100 rounded-lg" :src="'/storage/' + image">
<div class="absolute bottom-1 end-1 opacity-0 group-hover:opacity-100 transition">
<div class="flex items-center gap-x-1 py-1 px-2 bg-white border border-gray-200 text-gray-800 rounded-lg">
<svg class="shrink-0 size-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span class="text-xs">Открыть</span>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-2 sm:grid-cols-3 gap-3 px-10 py-5">
<div v-for="(image, index) in images" class="group block relative overflow-hidden rounded-lg aspect-square">
<img
loading="lazy"
@click="openLightboxOnSlide(index + 1)"
class="w-full h-full object-cover bg-gray-100 rounded-lg"
:src="'/storage/' + image"
>
<div class="absolute bottom-1 end-1 opacity-0 group-hover:opacity-100 transition">
<div class="flex items-center gap-x-1 py-1 px-2 bg-white border border-gray-200 text-gray-800 rounded-lg">
<svg class="shrink-0 size-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"/>
<path d="m21 21-4.3-4.3"/>
</svg>
<span class="text-xs">Открыть</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>