Changes

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"

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]"/>

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]"/>

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"

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>