caurosel style fixed
This commit is contained in:
parent
67a6415f77
commit
20ed6b363e
23
public/css/custom.css
vendored
23
public/css/custom.css
vendored
@ -58,6 +58,29 @@
|
|||||||
/*--------Item Tax Tag Finish--------*/
|
/*--------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--------*/
|
/*--------General Button Hover--------*/
|
||||||
.btn:hover
|
.btn:hover
|
||||||
{
|
{
|
||||||
|
@ -8,18 +8,18 @@
|
|||||||
:interval="interval" :arrow="arrow">
|
:interval="interval" :arrow="arrow">
|
||||||
|
|
||||||
<el-carousel-item v-if="video">
|
<el-carousel-item v-if="video">
|
||||||
<iframe width="100%" height="400px"
|
<iframe width="100%" height="365px"
|
||||||
:src="'https://www.youtube-nocookie.com/embed/' + video"
|
:src="'https://www.youtube-nocookie.com/embed/' + video"
|
||||||
frameborder="0"
|
frameborder="0"
|
||||||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||||
<div class="image-description text-center">
|
<div class="carousel-description py-2">
|
||||||
{{ name }}
|
{{ name }}
|
||||||
</div>
|
</div>
|
||||||
</el-carousel-item>
|
</el-carousel-item>
|
||||||
|
|
||||||
<el-carousel-item v-for="(screenshot, index) in screenshots" :key="index">
|
<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">
|
<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 }}
|
{{ screenshot.description }}
|
||||||
</div>
|
</div>
|
||||||
</el-carousel-item>
|
</el-carousel-item>
|
||||||
|
@ -82,7 +82,7 @@
|
|||||||
{!! $module->description !!}
|
{!! $module->description !!}
|
||||||
|
|
||||||
@if($module->screenshots || $module->video)
|
@if($module->screenshots || $module->video)
|
||||||
<akaunting-carousel :name="'{{ $module->name }}'" :height="'430px'"
|
<akaunting-carousel :name="'{{ $module->name }}'" :height="'430px'" arrow="always"
|
||||||
@if($module->video)
|
@if($module->video)
|
||||||
@php
|
@php
|
||||||
if (strpos($module->video->link, '=') !== false) {
|
if (strpos($module->video->link, '=') !== false) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user