fix

pages/books/[slug].vue

@@ -86,19 +86,24 @@
             </div>
 
             <!--навигация по книге-->
-            <div class="mt-28 pt-2">
+            <div class="mt-28">
               <ul class="flex flex-row mr-32 items-baseline justify-between lg:whitespace-nowrap">
-                <li class="flex flex-row h-24 w-[105px] items-center">
+                <li class="flex flex-row items-center">
                   <NuxtLink
                     :to="`/books/${route.params.slug}/chapters/${route.params.slug}/`"
                     class="flex flex-col gap-8 items-center cursor-pointer"
                   >
-                    <img src="/img/svg/books/read.svg" alt="Читай отрывок" width="62" height="53" />
+                    <img
+                      src="/img/svg/books/bi_book.svg"
+                      alt="Читай отрывок"
+                      width="62"
+                      height="53"
+                    />
 
                     <UiParagraph size="250" as="span"> Читай отрывок </UiParagraph>
                   </NuxtLink>
                 </li>
-                <li class="flex flex-row items-center h-24 w-[105px]">
+                <li class="flex flex-row items-center">
                   <NuxtLink to="#" class="flex flex-col items-center gap-8 cursor-pointer">
                     <img
                       src="/img/svg/books/download.svg"
@@ -110,7 +115,7 @@
                     <UiParagraph size="250" as="span"> Скачай отрывок </UiParagraph>
                   </NuxtLink>
                 </li>
-                <li class="flex flex-row items-center h-24 w-[105px]">
+                <li class="flex flex-row items-center">
                   <NuxtLink
                     :to="`/books/${route.params.slug}/${book.hrefTitles}`"
                     class="flex flex-col items-center gap-8 cursor-pointer"

pages/books/[titlesSlug]/[titlesSlug].vue

@@ -42,7 +42,7 @@
               <!-- Items list -->
               <ul v-if="subsection.items" class="ml-6 flex flex-col gap-2 list-decimal">
                 <li v-for="(item, itemIndex) in subsection.items" :key="itemIndex">
-                  <UiParagraph size="300" class="[&]:text-gray-200 [&]:font-normal"
+                  <UiParagraph size="300" class="[&]:text-[#CDCDCD] [&]:font-normal"
                     >&nbsp;{{ item }}</UiParagraph
                   >
                 </li>

pages/books/[titlesSlug]/_data/title-1.json

@@ -165,17 +165,17 @@
             "img": "/img/svg/books/1/titles-1/si_error-line.svg"
           },
           "items": [
-            "Косак 1",
-            "Косак 2",
-            "Полукосак 3",
-            "Косак 4",
-            "МетаКосак 5 – опасный",
-            "МетаКосак 6 – опасный",
-            "Косак 7",
-            "МетаКосак 8 – крайне опасно",
-            "МетаКосак 9 – опасно",
-            "Косак 10",
-            "Косак 11"
+            "Косяк 1",
+            "Косяк 2",
+            "Полукосяк 3",
+            "Косяк 4",
+            "МегаКосяк 5 – опасный",
+            "МегаКосяк 6 – опасный",
+            "Косяк 7",
+            "МегаКосяк 8 – крайне опасно",
+            "МегаКосяк 9 – опасно",
+            "Косяк 10",
+            "Косяк 11"
           ]
         },
         {

pages/cart/index.vue

@@ -5,9 +5,9 @@
       <div
         v-for="({ name, src, price, message, buy, id }, index) in cartList.items"
         :key="index"
-        class="flex items-center mb-24"
+        class="flex items-start mb-24"
       >
-        <div class="w-40 h-40">
+        <div class="w-40 h-40 relative -top-5">
           <img :src="`${src}`" alt="book" />
         </div>
         <UiParagraph size="300" class="whitespace-pre mb-10 mr-12 w-80">{{ name }}</UiParagraph>

pages/index/_ui/feedbackSection/feedbackSection.vue

@@ -18,9 +18,7 @@
           class="swiper-slide feedback-slide !w-[356px] !h-[325px]"
         >
           <div class="feedback-card !w-full !h-full">
-            <UiParagraph size="250" class="card-text">{{
-              feedback.text
-            }}</UiParagraph>
+            <UiParagraph size="250" class="card-text">{{ feedback.text }}</UiParagraph>
           </div>
         </div>
       </div>
@@ -38,34 +36,34 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted } from "vue";
-import Swiper from "swiper";
-import { Pagination, Autoplay } from "swiper/modules";
-import UiHeading from "@/components/Typography/UiHeading.vue";
-import UiParagraph from "@/components/Typography/UiParagraph.vue";
-import feedbackData from "./_data/feedback.data";
+import { onMounted } from 'vue'
+import Swiper from 'swiper'
+import { Pagination, Autoplay } from 'swiper/modules'
+import UiHeading from '@/components/Typography/UiHeading.vue'
+import UiParagraph from '@/components/Typography/UiParagraph.vue'
+import feedbackData from './_data/feedback.data'
 
-import "swiper/css";
-import "swiper/css/pagination";
-import UiButton from "@/components/UiButton/UiButton.vue";
+import 'swiper/css'
+import 'swiper/css/pagination'
+import UiButton from '@/components/UiButton/UiButton.vue'
 
 onMounted(() => {
-  new Swiper(".feedback-swiper", {
+  new Swiper('.feedback-swiper', {
     modules: [Pagination, Autoplay],
-    direction: "horizontal",
+    direction: 'horizontal',
     loop: true,
     autoplay: {
       delay: 3000,
       disableOnInteraction: false,
     },
-    slidesPerView: "auto",
+    slidesPerView: 'auto',
     spaceBetween: 72,
     pagination: {
-      el: ".swiper-pagination",
+      el: '.swiper-pagination',
       clickable: false,
     },
-  });
-});
+  })
+})
 </script>
 
 <style lang="css" scoped>
@@ -88,7 +86,7 @@ onMounted(() => {
 }
 
 .feedback-card {
-  background-color: #1a1a1a;
+  background-color: #171b27;
   border-radius: 10px;
   padding: 20px;
   color: #fff;