From 34a4516273385d6140d5afb80204570d40c6cca0 Mon Sep 17 00:00:00 2001
From: f4ilji <F4ilji@yandex.ru>
Date: Sat, 11 Jan 2025 13:28:38 +0500
Subject: [PATCH] Changes

---
 _docker/app/crontab                           |  2 +-
 resources/js/Components/ClientImageSlider.vue | 16 ++++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/_docker/app/crontab b/_docker/app/crontab
index 01e7368..4d6a5dc 100644
--- a/_docker/app/crontab
+++ b/_docker/app/crontab
@@ -1 +1 @@
-* * * * * root /usr/local/bin/php /var/www/artisan schedule:run >> /var/log/cron.log 2>&1
+* * * * * /usr/local/bin/php /var/www/artisan schedule:run >> /var/log/cron.log 2>&1
diff --git a/resources/js/Components/ClientImageSlider.vue b/resources/js/Components/ClientImageSlider.vue
index 2534807..c1b7c78 100644
--- a/resources/js/Components/ClientImageSlider.vue
+++ b/resources/js/Components/ClientImageSlider.vue
@@ -4,13 +4,14 @@
 			<div
 					v-for="(item, index) in items"
 					:key="index"
-					class="w-full"
+					class="w-full h-[500px] overflow-hidden relative"
 					:class="{ 'block': currentIndex === index, 'hidden': currentIndex !== index }"
 			>
+				<div class="absolute inset-0 bg-cover bg-center blur-lg" :style="{ backgroundImage: 'url(/storage/' + item + ')' }"></div>
 				<img
 						@click="openLightboxOnSlide(index + 1)"
 						:src="'/storage/' + item"
-						class="mx-auto max-h-[500px] object-cover rounded-md hover:opacity-95 hover:duration-200 transition"
+						class="absolute inset-0 w-full h-full object-cover rounded-md hover:opacity-95 hover:duration-200 transition"
 				/>
 			</div>
 		</div>
@@ -32,10 +33,7 @@
 		{{ block.data.alt }}
 	</figcaption>
 
-
-
 	<FsLightbox class="" :slide="slide" :toggler="toggler" :sources="items.map(item => domainPath + '/storage/' + item)"/>
-
 </template>
 
 <script>
@@ -73,7 +71,7 @@ export default {
 				this.currentIndex++;
 			}
 		},
-		openLightboxOnSlide: function(number) {
+		openLightboxOnSlide: function (number) {
 			this.slide = number;
 			this.toggler = !this.toggler;
 		}
@@ -83,3 +81,9 @@ export default {
 	},
 };
 </script>
+
+<style scoped>
+.blur-lg {
+	filter: blur(20px);
+}
+</style>
\ No newline at end of file