forge-joniko/ldc-boutique-cnc-sable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: updated slider to 25/75 ratio - #83

Browse source
This commit is contained in:
Noah Lancien 2026-02-25 17:07:38 +01:00
parent f91a7d0eae
commit 7c1c15460e
3 changed files with 16 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/views/front/sable/partials/home-slider.blade.php
View file

@ -5,10 +5,20 @@
<div class="swiper-wrapper">
@foreach ($slides as $slide)
<a class="swiper-slide d-flex justify-content-center align-items-center text-decoration-none px-2 px-md-5" href="{{ $slide->link }}">
<h2 class="title-medium font-Barlow-extra-bold text-center text-white px-2 px-md-5">{{ $slide->title }}</h2>
@if(!empty($slide->picture))
<img class="px-md-5" src="{{ asset('/storage/images/slides/' . $slide->picture) }}">
@endif
<div class="row">
<div @class([
"d-flex align-items-center justify-content-center col-12 order-2 order-lg-1",
"col-lg-3" => !empty($slide->picture),
"col-lg-10 col-lg-offset-1" => empty($slide->picture),
])>
<h2 class="fs-1 title-medium font-Barlow-extra-bold text-center text-white px-2">{{ $slide->title }}</h2>
</div>
@if(!empty($slide->picture))
<div class="col-12 col-lg-9 d-flex justify-content-center order-lg-2">
<img class="img-fluid" src="{{ asset('/storage/images/slides/' . $slide->picture) }}">
</div>
@endif
</div>
</a>
@endforeach
</div>

68
resources/views/front/sable/sass/fo/pages/_home.scss vendored
View file

@ -5,17 +5,6 @@
&-container {
overflow: hidden;
}
&-slide {
h2 {
width: 60%;
}
img {
width: 40%;
max-width: 40rem;
}
}
}
}
@ -84,25 +73,6 @@
}
}
// SSSSSSSSSSSSSSS MMMMMMMM MMMMMMMM
// SS:::::::::::::::SM:::::::M M:::::::M
// S:::::SSSSSS::::::SM::::::::M M::::::::M
// S:::::S SSSSSSSM:::::::::M M:::::::::M
// S:::::S M::::::::::M M::::::::::M
// S:::::S M:::::::::::M M:::::::::::M
// S::::SSSS M:::::::M::::M M::::M:::::::M
// SS::::::SSSSS M::::::M M::::M M::::M M::::::M
// SSS::::::::SS M::::::M M::::M::::M M::::::M
// SSSSSS::::S M::::::M M:::::::M M::::::M
// S:::::SM::::::M M:::::M M::::::M
// S:::::SM::::::M MMMMM M::::::M
// SSSSSSS S:::::SM::::::M M::::::M
// S::::::SSSSSS:::::SM::::::M M::::::M
// S:::::::::::::::SS M::::::M M::::::M
// SSSSSSSSSSSSSSS MMMMMMMM MMMMMMMM
@include media-breakpoint-up(sm) { //576px
//
}
// MMMMMMMM MMMMMMMMDDDDDDDDDDDDD
// M:::::::M M:::::::MD::::::::::::DDD
// M::::::::M M::::::::MD:::::::::::::::DD
@ -227,41 +197,3 @@
}
}
}
// XXXXXXX XXXXXXXLLLLLLLLLLL
// X:::::X X:::::XL:::::::::L
// X:::::X X:::::XL:::::::::L
// X::::::X X::::::XLL:::::::LL
// XXX:::::X X:::::XXX L:::::L
// X:::::X X:::::X L:::::L
// X:::::X:::::X L:::::L
// X:::::::::X L:::::L
// X:::::::::X L:::::L
// X:::::X:::::X L:::::L
// X:::::X X:::::X L:::::L
// XXX:::::X X:::::XXX L:::::L LLLLLL
// X::::::X X::::::XLL:::::::LLLLLLLLL:::::L
// X:::::X X:::::XL::::::::::::::::::::::L
// X:::::X X:::::XL::::::::::::::::::::::L
// XXXXXXX XXXXXXXLLLLLLLLLLLLLLLLLLLLLLLL
@include media-breakpoint-up(xl) { //1200px
//
}
// XXXXXXX XXXXXXXXXXXXXX XXXXXXXLLLLLLLLLLL
// X:::::X X:::::XX:::::X X:::::XL:::::::::L
// X:::::X X:::::XX:::::X X:::::XL:::::::::L
// X::::::X X::::::XX::::::X X::::::XLL:::::::LL
// XXX:::::X X:::::XXXXXX:::::X X:::::XXX L:::::L
// X:::::X X:::::X X:::::X X:::::X L:::::L
// X:::::X:::::X X:::::X:::::X L:::::L
// X:::::::::X X:::::::::X L:::::L
// X:::::::::X X:::::::::X L:::::L
// X:::::X:::::X X:::::X:::::X L:::::L
// X:::::X X:::::X X:::::X X:::::X L:::::L
// XXX:::::X X:::::XXXXXX:::::X X:::::XXX L:::::L LLLLLL
// X::::::X X::::::XX::::::X X::::::XLL:::::::LLLLLLLLL:::::L
// X:::::X X:::::XX:::::X X:::::XL::::::::::::::::::::::L
// X:::::X X:::::XX:::::X X:::::XL::::::::::::::::::::::L
// XXXXXXX XXXXXXXXXXXXXX XXXXXXXLLLLLLLLLLLLLLLLLLLLLLLL
@include media-breakpoint-up(xxl) { //1400px
//
}

4
resources/views/front/sable/theme.config.php
View file

@ -14,8 +14,8 @@ return [
'range_image_large_maxheight' => '500',
'content_banner_maxwidth' => '100',
'content_banner_maxheight' => '100',
'slide_image_maxwidth' => '500',
'slide_image_maxheight' => '500',
'slide_image_maxwidth' => '830',
'slide_image_maxheight' => '320',
'register_mode' => ['public', 'salaries'],
/**
* attention ce paramètre est un paramètre de fonctionnement