Rework frontend

resources/js/Pages/Client/AcademicJournals/Index.vue

@@ -3,15 +3,16 @@ import {Head, Link} from "@inertiajs/vue3";
 import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
 import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
+import AcademicJournalsListBreadcrumbs
+  from "@/componentss/features/academicJournals/components/AcademicJournalsListBreadcrumbs.vue.vue";
 
 export default {
   name: "Index",
   components: {
+    AcademicJournalsListBreadcrumbs,
     BasicFooter,
     MetaTags,
 		MainPageNavBar,
-    ClientFooterDown,
-    ClientScrollTimeline,
     Link,
     Head,
   },
@@ -44,8 +45,8 @@ export default {
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 	<div class="flex flex-col h-screen">
 		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
-				<div class="px-4 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto">
+			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-5 md:flex md:flex-row">
+				<div class="px-4 pb-12 sm:px-6 lg:px-8 mx-auto">
 					<div>
 						<!-- Avatar Media -->
 						<!-- End Avatar Media -->
@@ -54,6 +55,7 @@ export default {
 							<div class="space-y-5 md:space-y-4">
 								<!-- Card Section -->
 								<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+                  <AcademicJournalsListBreadcrumbs />
 
 									<div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
 										<h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Научные периодические издания НТГСПИ</h2>

resources/js/Pages/Client/AcademicJournals/Show.vue

@@ -5,10 +5,15 @@ import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
 import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
 import AcademicJournalsTitle from "@/componentss/features/academicJournals/components/AcademicJournalsTitle.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import AcademicJournalsItemBreadcrumbs
+  from "@/componentss/features/academicJournals/components/AcademicJournalsItemBreadcrumbs.vue";
 
 export default {
   name: "Show",
   components: {
+    AcademicJournalsItemBreadcrumbs,
+    BasicPagination,
     MetaTags,
     BasicFooter,
     Builder,
@@ -66,6 +71,7 @@ export default {
 						<!-- End Avatar Media -->
 						<!-- Content -->
 						<div class="space-y-5 md:space-y-8">
+              <AcademicJournalsItemBreadcrumbs class="max-w-4xl px-2 xl:px-5 md:w-4/5 mx-auto" :title="journal.data.title" />
 							<AcademicJournalsTitle class="text-center" :header="journal.data.title" />
 							<div>
 								<nav class="flex flex-col md:flex-row justify-center gap-x-6" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
@@ -149,10 +155,9 @@ export default {
 								<div id="horizontal-alignment-4" class="hidden" role="tabpanel" aria-labelledby="horizontal-alignment-item-4">
 									<!-- List -->
 									<!-- Card Section -->
-									<div class="px-4 py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto">
+									<div class="px-0 py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto">
 										<!-- Grid -->
-										<div class="">
-											<template v-for="journalByYear in journals">
+                    <template v-for="journalByYear in journals">
 												<h2 class="font-bold text-xl text-center">{{ journalByYear.year_publication }}</h2>
 												<hr class="mb-4 mt-2">
 												<div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-6 mb-4">
@@ -177,8 +182,6 @@ export default {
 													</template>
 												</div>
 											</template>
-
-										</div>
 										<!-- End Grid -->
 									</div>
 									<!-- End Card Section -->									<!-- End List -->