From 8d94c627d293914cd86c4062036266877b139eb7 Mon Sep 17 00:00:00 2001
From: f4ilji <F4ilji@yandex.ru>
Date: Sat, 7 Dec 2024 01:09:58 +0500
Subject: [PATCH] Changes

---
 .../js/Components/BaseComponents/BaseBuilderUi/BaseBuilder.vue | 2 +-
 .../BaseComponents/BaseBuilderUi/Blocks/ImageBlock.vue         | 3 +++
 resources/js/Components/BuilderUi/Pages/Blocks/ImageBlock.vue  | 3 +++
 resources/js/Components/BuilderUi/Pages/PageBuilder.vue        | 2 +-
 resources/js/Pages/Client/BasePageTemplate/BaseTemplate.vue    | 2 +-
 5 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/resources/js/Components/BaseComponents/BaseBuilderUi/BaseBuilder.vue b/resources/js/Components/BaseComponents/BaseBuilderUi/BaseBuilder.vue
index 62ef090..41b1390 100644
--- a/resources/js/Components/BaseComponents/BaseBuilderUi/BaseBuilder.vue
+++ b/resources/js/Components/BaseComponents/BaseBuilderUi/BaseBuilder.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<PageSkeleton v-if="loading" />
-		<div v-else>
+		<div class="space-y-6" v-else>
 			<component
 					v-for="(block, index) in blocks"
 					:key="index"
diff --git a/resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/ImageBlock.vue b/resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/ImageBlock.vue
index 43e9f52..99ffd66 100644
--- a/resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/ImageBlock.vue
+++ b/resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/ImageBlock.vue
@@ -1,6 +1,9 @@
 <template>
 	<div>
 			<img @click="toggler = !toggler" loading="lazy" class="mx-auto object-cover rounded-md hover:opacity-95 hover:duration-200 transition" :src="'/storage/' + block.data.url" alt="">
+		<div v-if="block.data.alt" class="mt-3 text-sm text-center text-gray-500 dark:text-neutral-500">
+			{{ block.data.alt }}
+		</div>
 	</div>
 
 	<FsLightbox class="" :toggler="toggler" :sources="[domainPath + '/storage/' + block.data.url]"/>
diff --git a/resources/js/Components/BuilderUi/Pages/Blocks/ImageBlock.vue b/resources/js/Components/BuilderUi/Pages/Blocks/ImageBlock.vue
index 43e9f52..5e9a78f 100644
--- a/resources/js/Components/BuilderUi/Pages/Blocks/ImageBlock.vue
+++ b/resources/js/Components/BuilderUi/Pages/Blocks/ImageBlock.vue
@@ -1,6 +1,9 @@
 <template>
 	<div>
 			<img @click="toggler = !toggler" loading="lazy" class="mx-auto object-cover rounded-md hover:opacity-95 hover:duration-200 transition" :src="'/storage/' + block.data.url" alt="">
+			<div v-if="block.data.alt" class="mt-3 text-sm text-center text-gray-500 dark:text-neutral-500">
+			{{ block.data.alt }}
+			</div>
 	</div>
 
 	<FsLightbox class="" :toggler="toggler" :sources="[domainPath + '/storage/' + block.data.url]"/>
diff --git a/resources/js/Components/BuilderUi/Pages/PageBuilder.vue b/resources/js/Components/BuilderUi/Pages/PageBuilder.vue
index 34989ff..b3cefe0 100644
--- a/resources/js/Components/BuilderUi/Pages/PageBuilder.vue
+++ b/resources/js/Components/BuilderUi/Pages/PageBuilder.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<PageSkeleton v-if="loading" />
-		<div v-else>
+		<div class="space-y-6" v-else>
 			<component
 					v-for="(block, index) in blocks"
 					:key="index"
diff --git a/resources/js/Pages/Client/BasePageTemplate/BaseTemplate.vue b/resources/js/Pages/Client/BasePageTemplate/BaseTemplate.vue
index 72eeec1..d735eef 100644
--- a/resources/js/Pages/Client/BasePageTemplate/BaseTemplate.vue
+++ b/resources/js/Pages/Client/BasePageTemplate/BaseTemplate.vue
@@ -13,7 +13,7 @@
 				<div class="space-y-5 md:space-y-5">
 					<PageBreadcrumbs :breadcrumbs="breadcrumbs" :page-title="page.data.title"/>
 					<PageTitle :header="page.data.title"/>
-					<div id="page-area" class="space-y-4">
+					<div id="page-area">
 						<PageBuilder :blocks="page.data.content"/>
 					</div>
 				</div>