From 20ed6b363e479ed3db07108b1d9c1520ee9a84dc Mon Sep 17 00:00:00 2001
From: batuhanbas <b1atuhanb1as@gmail.com>
Date: Thu, 26 Dec 2019 14:11:39 +0300
Subject: [PATCH] caurosel style fixed

---
 public/css/custom.css                         | 23 +++++++++++++++++++
 .../js/components/AkauntingCarousel.vue       |  6 ++---
 resources/views/modules/item/show.blade.php   |  2 +-
 3 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 17e048c34..c4698f8c3 100644
--- a/public/css/custom.css
+++ b/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
 {
diff --git a/resources/assets/js/components/AkauntingCarousel.vue b/resources/assets/js/components/AkauntingCarousel.vue
index 3ed016682..ceb3d928e 100644
--- a/resources/assets/js/components/AkauntingCarousel.vue
+++ b/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>
diff --git a/resources/views/modules/item/show.blade.php b/resources/views/modules/item/show.blade.php
index bb3edd678..ef039d459 100644
--- a/resources/views/modules/item/show.blade.php
+++ b/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) {