From 4f6fcac02aed0a318b5d7e735be8b8c88dccd28d Mon Sep 17 00:00:00 2001
From: F4ilji <f4ilj@yandex.ru>
Date: Sat, 14 Jun 2025 19:26:24 +0500
Subject: [PATCH] cosmetic fixes

---
 resources/js/Pages/Client/Posts/Show.vue      |  6 +-
 .../posts/components/PostAuthorsList.vue      | 36 ++++++----
 .../builder/pageBuilder/blocks/ImageBlock.vue | 25 +++++--
 .../pageBuilder/blocks/ParagraphBlock.vue     |  2 +-
 .../js/componentss/ui/buttons/BackButton.vue  | 69 +++++++++----------
 5 files changed, 75 insertions(+), 63 deletions(-)

diff --git a/resources/js/Pages/Client/Posts/Show.vue b/resources/js/Pages/Client/Posts/Show.vue
index 60980b0..5fe4e19 100644
--- a/resources/js/Pages/Client/Posts/Show.vue
+++ b/resources/js/Pages/Client/Posts/Show.vue
@@ -92,7 +92,7 @@ export default {
     <BasicPageContainer breakpoint="md">
       <div class="space-y-5 md:space-y-10">
         <div class="space-y-3">
-          <BackButton link="client.post.index" title="Все новости"/>
+          <BackButton :link="$page.props.urlPrev" title="Назад"/>
           <BaseBreadcrumbs :breadcrumbs="breadcrumbs">
             <BreadcrumbsItem title="Новости" :url="route('client.post.index')" />
             <BreadcrumbsItem :title="post.data.title" :url="$page.url" />
@@ -103,7 +103,6 @@ export default {
         <div class="flex space-x-3 text-gray-500 ">
           <div class="flex items-center gap-3">
             <div class="md:flex md:items-center space-y-2 md:space-y-0 md:space-x-4 text-sm">
-              <PostAuthorsList :authors="post.data.authors"/>
               <time class="block text-gray-500">Опубликовано {{ post.data.created_post }}
               </time>
               <PostTimeRead :time="post.data.reading_time"/>
@@ -111,8 +110,7 @@ export default {
           </div>
         </div>
         <Builder :blocks="blocks"/>
-
-
+        <PostAuthorsList :authors="post.data.authors"/>
         <div>
           <PostGallery v-if="post.data.gallery.length > 1" :title="post.data.title" :images="post.data.gallery"/>
         </div>
diff --git a/resources/js/componentss/features/posts/components/PostAuthorsList.vue b/resources/js/componentss/features/posts/components/PostAuthorsList.vue
index c8f286b..f5029f5 100644
--- a/resources/js/componentss/features/posts/components/PostAuthorsList.vue
+++ b/resources/js/componentss/features/posts/components/PostAuthorsList.vue
@@ -1,19 +1,25 @@
 <template>
-
-	<div class="col-start-2">
-		<div class="hs-tooltip inline-block">
-			<button type="button" class="hs-tooltip-toggle underline hover:text-blue-400 duration-300">
-				Над статьей работали
-				<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 transition-opacity inline-block absolute duration-300 invisible z-10 py-1 px-2 bg-gray-900 text-xs font-medium text-white rounded shadow-sm dark:bg-neutral-700" role="tooltip">
-          								<template v-for="author in authors">
-														{{ author }} <br>
-													</template>
-        								</span>
-			</button>
-		</div>
-	</div>
-
-
+  <!-- List -->
+  <dl v-if="authors[0] === 'Без автора' && null" class="flex flex-col sm:flex-row gap-1 items-baseline">
+    <!-- items-baseline выравнивает по базовой линии -->
+    <dt class="min-w-40">
+      <h3 class="block text-sm text-gray-500 m-0 underline">Над статьей работали:</h3>
+      <!-- m-0 убирает margin -->
+    </dt>
+    <dd class="m-0">
+      <!-- m-0 для dd на всякий случай -->
+      <ul class="m-0 inline-flex flex-wrap items-center">
+        <!-- flex-wrap и items-center для красивого списка -->
+        <li
+            v-for="(author, index) in authors"
+            :key="index"
+            class="me-1 after:content-[','] last:after:content-none inline-flex items-center text-sm text-gray-800 dark:text-neutral-200"
+        >
+          {{ author }}
+        </li>
+      </ul>
+    </dd>
+  </dl>
 </template>
 
 <script>
diff --git a/resources/js/componentss/shared/builder/pageBuilder/blocks/ImageBlock.vue b/resources/js/componentss/shared/builder/pageBuilder/blocks/ImageBlock.vue
index adc9155..fdc5b58 100644
--- a/resources/js/componentss/shared/builder/pageBuilder/blocks/ImageBlock.vue
+++ b/resources/js/componentss/shared/builder/pageBuilder/blocks/ImageBlock.vue
@@ -1,13 +1,24 @@
 <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>
+  <div class="relative rounded-md overflow-hidden">
+    <div
+        class="absolute inset-0 bg-cover bg-center blur-md brightness-75"
+        :style="`background-image: url('${'/storage/' + block.data.url}')`"
+    ></div>
 
-	<FsLightbox class="" :toggler="toggler" :sources="[domainPath + '/storage/' + block.data.url]"/>
+    <div class="relative z-10 md:m-4"> <img
+        @click="toggler = !toggler"
+        loading="lazy"
+        class="mx-auto h-96 rounded-md object-cover md:object-contain 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>
+  </div>
 
+  <FsLightbox class="" :toggler="toggler" :sources="[domainPath + '/storage/' + block.data.url]"/>
 </template>
 
 <script>
diff --git a/resources/js/componentss/shared/builder/pageBuilder/blocks/ParagraphBlock.vue b/resources/js/componentss/shared/builder/pageBuilder/blocks/ParagraphBlock.vue
index 7d64210..cfbbf7a 100644
--- a/resources/js/componentss/shared/builder/pageBuilder/blocks/ParagraphBlock.vue
+++ b/resources/js/componentss/shared/builder/pageBuilder/blocks/ParagraphBlock.vue
@@ -1,6 +1,6 @@
 <template>
 
-	<div class="text-normal leading-7 font-light text-gray-600 md:text-[16px] md:text-[#374151] md:leading-8 md:font-normal paragraph-container" v-html="wrapTables(block).data.content" />
+	<div class="text-normal leading-7 md:leading-8 tracking-wide font-light text-gray-600 md:text-[15px] md:text-[#374151] md:font-normal paragraph-container" v-html="wrapTables(block).data.content" />
 </template>
 
 <script>
diff --git a/resources/js/componentss/ui/buttons/BackButton.vue b/resources/js/componentss/ui/buttons/BackButton.vue
index 144b6eb..39c07db 100644
--- a/resources/js/componentss/ui/buttons/BackButton.vue
+++ b/resources/js/componentss/ui/buttons/BackButton.vue
@@ -1,46 +1,43 @@
 <template>
-
-	<Link :href="route(link)" class="inline-flex items-center gap-x-1.5 text-sm text-gray-600 decoration-2 hover:underline dark:text-blue-500">
-		<svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
-		{{ title }}
-	</Link>
-
+  <Link :href="resolvedLink" class="inline-flex items-center gap-x-1.5 text-sm text-gray-600 decoration-2 hover:underline dark:text-blue-500">
+    <svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
+    {{ title }}
+  </Link>
 </template>
 
 <script>
-import {Link} from "@inertiajs/vue3";
-import slugify from "slugify";
+import { Link } from "@inertiajs/vue3";
 
 export default {
-	name: "BackButton",
-	components: {Link},
-	data() {
-		return {}
-	},
-	methods: {
-		textLimit(text, symbols) {
-			if (text.length > symbols) {
-				let LimitedText
-				LimitedText = text.substring(0, symbols)
-				return LimitedText + "..."
-			}
-			return text
-		},
-	},
-
-	props: {
-		title: {
-			type: String,
-		},
-		link: {
-			type: String
-		}
-	},
-}
-
+  name: "BackButton",
+  components: { Link },
+  props: {
+    title: {
+      type: String,
+      required: true, // Сделаем title обязательным
+    },
+    link: {
+      type: String,
+      required: true, // Сделаем link обязательным
+    }
+  },
+  computed: {
+    resolvedLink() {
+      // Проверяем, является ли "link" полным URL
+      try {
+        new URL(this.link);
+        return this.link; // Если это валидный URL, возвращаем его
+      } catch (e) {
+        // Если это не валидный URL, предполагаем, что это название роута Inertia
+        // Убедитесь, что функция route() доступна глобально или импортирована
+        // (обычно она доступна в Laravel-приложениях через Inertia)
+        return route(this.link);
+      }
+    }
+  }
+};
 </script>
 
-
 <style scoped>
-
+/* Ваши стили */
 </style>
\ No newline at end of file