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

Changes

Browse Source
This commit is contained in:
f4ilji
2024-12-09 21:11:00 +05:00
parent 4f3dfcec1a
commit a8fb813177
5 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Components/BuilderUi/Posts/PostGallery.vue
+3 -4
View File
@@ -1,6 +1,5 @@
<template>
<div v-if="images.length" class="grid gap-4 border-t border-gray-300 py-4">
<div class="relative">
<img loading="lazy"
@@ -14,8 +13,8 @@
</div>
<div id="modal-post-gallery" class="hs-overlay hidden size-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto pointer-events-none" role="dialog" tabindex="-1" aria-labelledby="modal-post-gallery-label">
<div class="hs-overlay-open:mt-0 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-10 opacity-0 transition-all max-w-full max-h-full h-full md:hs-overlay-open:mt-10 md:mt-0 md:max-w-lg md:max-h-none md:h-auto md:mx-auto">
<div class="flex flex-col bg-white pointer-events-auto max-w-full max-h-full h-full md:max-w-lg md:max-h-none md:h-auto md:border md:rounded-xl md:shadow-sm dark:bg-neutral-800 md:dark:border-neutral-700">
<div class="hs-overlay-open:mt-0 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-10 opacity-0 transition-all max-w-full max-h-full h-full">
<div class="flex flex-col bg-white pointer-events-auto max-w-full max-h-full h-full dark:bg-neutral-800">
<div class="flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700">
<h3 id="modal-post-gallery-label" class="font-bold text-gray-800 dark:text-white">
Галлерея: {{ title }}
@@ -29,7 +28,7 @@
</button>
</div>
<div class="p-4 overflow-y-auto">
<div class="grid grid-cols-2 sm:grid-cols-3 gap-3">
<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">
resources/js/Pages/Client/Faculties/Show.vue
+1
View File
@@ -81,6 +81,7 @@
<h2 id="persons" class="font-bold text-xl">Состав</h2>
<template v-for="worker in faculty.data.workers">
<ClientFacultyWorkerCard :worker="worker" />
</template>
resources/js/Pages/Client/Posts/Show.vue
+2
View File
@@ -100,6 +100,8 @@ export default {
</div>
</div>
<PostBuilder :blocks="blocks"/>
<div>
<PostGallery v-if="post.data.gallery.length > 1" :title="post.data.title" :images="post.data.gallery"/>
</div>