caurosel style fixed

public/css/custom.css

@@ -58,6 +58,29 @@
 /*--------Item Tax Tag Finish--------*/
 
 
+/*--------Carousel Arrows--------*/
+button:focus
+{
+    outline: none !important;
+}
+
+.carousel-description
+{
+    background-color: #3c3f72 !important;
+    color: #ffffff;
+    text-align: center;
+}
+
+.el-carousel__arrow
+{
+    margin-top: 10.55rem !important;
+    color: #ffffff;
+    background-color: unset !important;
+    font-size: 24px !important;
+}
+/*--------Carousel Arrows Finish--------*/
+
+
 /*--------General Button Hover--------*/
 .btn:hover
 {

resources/assets/js/components/AkauntingCarousel.vue

@@ -8,18 +8,18 @@
             :interval="interval" :arrow="arrow">
 
             <el-carousel-item v-if="video">
-                <iframe width="100%" height="400px"
+                <iframe width="100%" height="365px"
                 :src="'https://www.youtube-nocookie.com/embed/' + video"
                 frameborder="0"
                 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-                <div class="image-description text-center">
+                <div class="carousel-description py-2">
                     {{ name }}
                 </div>
             </el-carousel-item>
 
             <el-carousel-item v-for="(screenshot, index) in screenshots" :key="index">
                 <img class="d-block w-100" :src="screenshot.path_string" :alt="screenshot.alt_attribute">
-                <div class="image-description text-center">
+                <div class="carousel-description py-2">
                     {{ screenshot.description }}
                 </div>
             </el-carousel-item>

resources/views/modules/item/show.blade.php

@@ -82,7 +82,7 @@
                             {!! $module->description !!}
 
                             @if($module->screenshots || $module->video)
-                               <akaunting-carousel :name="'{{ $module->name }}'" :height="'430px'"
+                               <akaunting-carousel :name="'{{ $module->name }}'" :height="'430px'" arrow="always"
                                     @if($module->video)
                                         @php
                                             if (strpos($module->video->link, '=') !== false) {