src/pages/books/_slug/indexBookPage.vue

@@ -83,7 +83,7 @@
           <ul class="flex flex-row mr-32 items-end justify-between lg:whitespace-nowrap">
             <li class="flex flex-row gap-3 items-center">
               <RouterLink to="#" class="flex flex-col items-center gap-3 cursor-pointer">
-                <img src="/img/svg/books/read.svg" alt="Читай отрывок" width="100%" height="100%" />
+                <img src="/img/svg/books/read.svg" alt="Читай отрывок" width="50" height="50" />
                 <UiParagraph size="250" as="span"> Читай отрывок </UiParagraph>
               </RouterLink>
             </li>
@@ -92,15 +92,15 @@
                 <img
                   src="/img/svg/books/download.svg"
                   alt="Скачай отрывок"
-                  width="100%"
+                  width="50"
-                  height="100%"
+                  height="50"
                 />
                 <UiParagraph size="250" as="span"> Скачай отрывок </UiParagraph>
               </RouterLink>
             </li>
             <li class="flex flex-row gap-3 items-center">
               <RouterLink to="#" class="flex flex-col items-center gap-3 cursor-pointer">
-                <img src="/img/svg/books/titles.svg" alt="Содержание" width="100%" height="100%" />
+                <img src="/img/svg/books/titles.svg" alt="Содержание" width="50" height="50" />
                 <UiParagraph size="250" as="span"> Содержание </UiParagraph>
               </RouterLink>
             </li>
@@ -121,7 +121,7 @@
             <UiParagraph class="text-center" size="250">
               {{ text }}
             </UiParagraph>
-            <img :src="`${svg}`" alt="Вопрос" width="101" height="101" />
+            <img :src="`${svg}`" alt="Вопрос" width="45" height="45" />
           </li>
         </ul>
       </div>