Actualizacion de FrontEnd CSS y cambios visuales

This commit is contained in:
kquiroz
2023-08-18 14:46:35 -04:00
parent 40f2995677
commit 754dad6222
9 changed files with 14 additions and 10 deletions

View File

@@ -10803,7 +10803,7 @@ ul.apps a:hover i{
/* animate outline */ /* animate outline */
.hov-animate-outline{ .hov-animate-outline{
position: relative;; position: relative;
} }
.hov-animate-outline::before, .hov-animate-outline::before,
.hov-animate-outline::after{ .hov-animate-outline::after{
@@ -11260,7 +11260,7 @@ ul.apps a:hover i{
} }
@media (min-width: 1200px){ @media (min-width: 1200px){
.home-slider { .home-slider {
max-width: calc(100% - 270px) !important; max-width: calc(100%) !important;
} }
.h-xl-100{ .h-xl-100{
height: 100% !important; height: 100% !important;

View File

@@ -32606,4 +32606,8 @@ img.jssocials-share-logo {
} }
.hide-scrollbars { .hide-scrollbars {
overflow: hidden !important overflow: hidden !important
}
.br-best-selling{
border-radius: 15px;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 372 KiB

View File

@@ -38,10 +38,10 @@
$end = 2 ; $end = 2 ;
@endphp @endphp
@for ($i = 0; $i < 2; $i++) @for ($i = 0; $i < 2; $i++)
<div class="carousel-box border-top border-left"> <div class="br-best-selling carousel-box border-top border-left">
@foreach ($products as $key => $product) @foreach ($products as $key => $product)
@if ($key >= $init && $key <= $end) @if ($key >= $init && $key <= $end)
<div class="position-relative border-bottom @if($i==1) border-right @endif has-transition hov-animate-outline"> <div class="position-relative border-bottom @if($i==1) border-right @endif has-transition hov-animate-outline-lapieza">
<div class="row hov-scale-img"> <div class="row hov-scale-img">
<div class="col-5"> <div class="col-5">
<a href="{{ route('auction-product', $product->slug) }}" class="d-block overflow-hidden h-100px h-sm-120px h-md-140px text-center p-2"> <a href="{{ route('auction-product', $product->slug) }}" class="d-block overflow-hidden h-100px h-sm-120px h-md-140px text-center p-2">

View File

@@ -320,7 +320,7 @@
<div class="px-sm-3"> <div class="px-sm-3">
<div class="aiz-carousel arrow-none sm-gutters-16" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'> <div class="aiz-carousel arrow-none sm-gutters-16" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'>
@foreach ($newest_products as $key => $new_product) @foreach ($newest_products as $key => $new_product)
<div class="carousel-box px-3 position-relative has-transition border-right border-top border-bottom @if($key == 0) border-left @endif hov-animate-outline"> <div class="br-best-selling carousel-box px-3 position-relative has-transition border-right border-top border-bottom @if($key == 0) border-left @endif hov-animate-outline-lapieza">
@include('frontend.partials.product_box_1',['product' => $new_product]) @include('frontend.partials.product_box_1',['product' => $new_product])
</div> </div>
@endforeach @endforeach
@@ -362,7 +362,7 @@
<!-- Cupon --> <!-- Cupon -->
@if(get_setting('coupon_system') == 1) @if(get_setting('coupon_system') == 1)
<div class="mb-2 mb-md-3 mt-2 mt-md-3" style="background-color: {{ get_setting('cupon_background_color', '#292933') }}"> <div class="mb-2 mb-md-3 mt-2 mt-md-3" style="background-color: {{ get_setting('cupon_background_color', '#E63108') }}">
<div class="container"> <div class="container">
<div class="row py-5"> <div class="row py-5">
<div class="col-xl-8 text-center text-xl-left"> <div class="col-xl-8 text-center text-xl-left">
@@ -405,7 +405,7 @@
</div> </div>
</div> </div>
<div class="col-xl-4 text-center text-xl-right mt-4"> <div class="col-xl-4 text-center text-xl-right mt-4">
<a href="{{ route('coupons.all') }}" class="btn text-white hov-bg-white hov-text-dark border border-width-2 fs-16 px-4" style="border-radius: 28px;background: rgba(255, 255, 255, 0.2);box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);">{{ translate('View All Coupons') }}</a> <a href="{{ route('coupons.all') }}" class="btn text-white hov-bg-white hov-text-dark fs-16 px-4" style="border-color: #003b73; border-radius: 15px;background: #003b73;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);">{{ translate('View All Coupons') }}</a>
</div> </div>
</div> </div>
</div> </div>
@@ -516,7 +516,7 @@
<div class="aiz-carousel arrow-x-0 arrow-inactive-none" data-items="5" data-xxl-items="5" data-xl-items="4" data-lg-items="3.4" data-md-items="2.5" data-sm-items="2" data-xs-items="1.4" data-arrows="true" data-dots="false"> <div class="aiz-carousel arrow-x-0 arrow-inactive-none" data-items="5" data-xxl-items="5" data-xl-items="4" data-lg-items="3.4" data-md-items="2.5" data-sm-items="2" data-xs-items="1.4" data-arrows="true" data-dots="false">
@foreach ($best_selers as $key => $seller) @foreach ($best_selers as $key => $seller)
@if ($seller->user != null) @if ($seller->user != null)
<div class="carousel-box h-100 position-relative text-center border-right border-top border-bottom @if($key==0) border-left @endif has-transition hov-animate-outline"> <div class="br-best-selling carousel-box h-100 position-relative text-center border-right border-top border-bottom @if($key==0) border-left @endif has-transition hov-animate-outline-lapieza">
<div class="position-relative px-3" style="padding-top: 2rem; padding-bottom:2rem;"> <div class="position-relative px-3" style="padding-top: 2rem; padding-bottom:2rem;">
<!-- Shop logo & Verification Status --> <!-- Shop logo & Verification Status -->
<div class="position-relative mx-auto size-100px size-md-120px"> <div class="position-relative mx-auto size-100px size-md-120px">

View File

@@ -23,7 +23,7 @@
<div class="px-sm-3"> <div class="px-sm-3">
<div class="aiz-carousel sm-gutters-16 arrow-none" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'> <div class="aiz-carousel sm-gutters-16 arrow-none" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'>
@foreach ($best_selling_products as $key => $product) @foreach ($best_selling_products as $key => $product)
<div class="carousel-box px-3 position-relative has-transition hov-animate-outline border-right border-top border-bottom @if($key == 0) border-left @endif"> <div class="br-best-selling carousel-box px-3 position-relative has-transition hov-animate-outline-lapieza border-right border-top border-bottom @if($key == 0) border-left @endif">
@include('frontend.partials.product_box_1',['product' => $product]) @include('frontend.partials.product_box_1',['product' => $product])
</div> </div>
@endforeach @endforeach

View File

@@ -23,7 +23,7 @@
<div class="px-sm-3"> <div class="px-sm-3">
<div class="aiz-carousel sm-gutters-16 arrow-none" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'> <div class="aiz-carousel sm-gutters-16 arrow-none" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'>
@foreach ($featured_products as $key => $product) @foreach ($featured_products as $key => $product)
<div class="carousel-box px-3 position-relative has-transition hov-animate-outline border-right border-top border-bottom @if($key == 0) border-left @endif"> <div class="carousel-box px-3 position-relative has-transition hov-animate-outline-lapieza border-right border-top border-bottom @if($key == 0) border-left @endif">
@include('frontend.partials.product_box_1',['product' => $product]) @include('frontend.partials.product_box_1',['product' => $product])
</div> </div>
@endforeach @endforeach