Changes

package-lock.json

@@ -11,6 +11,7 @@
       "dependencies": {
         "@inertiajs/inertia": "^0.11.1",
         "@inertiajs/inertia-vue3": "^0.6.0",
+        "@preline/carousel": "^2.6.0",
         "@preline/combobox": "^2.1.0",
         "@preline/copy-markup": "^2.0.1",
         "@preline/overlay": "^1.4.0",
@@ -641,6 +642,11 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/@preline/carousel": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@preline/carousel/-/carousel-2.6.0.tgz",
+      "integrity": "sha512-WahfsSDjrqRHb7uu3k0xjBVWbFRKzxMCJL020Y2LZ4agFlKqhp1WBmOPBYBlteY/937/wXNh78ABUi6Jnn1Ccw=="
+    },
     "node_modules/@preline/combobox": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@preline/combobox/-/combobox-2.5.0.tgz",

package.json

@@ -30,6 +30,7 @@
   "dependencies": {
     "@inertiajs/inertia": "^0.11.1",
     "@inertiajs/inertia-vue3": "^0.6.0",
+    "@preline/carousel": "^2.6.0",
     "@preline/combobox": "^2.1.0",
     "@preline/copy-markup": "^2.0.1",
     "@preline/overlay": "^1.4.0",

resources/js/Components/BuilderUi/Posts/PostGallery.vue

@@ -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

@@ -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

@@ -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>