chg: reduce spacing between article thumbnails on small screens (< 430px)

This commit is contained in:
Valentin Lab
2026-03-27 13:55:37 +01:00
parent 2184f1e83c
commit 64af20e10a
2 changed files with 5 additions and 1 deletions

View File

@@ -463,4 +463,8 @@ div.megamenu ul.megamenu li.megamenu.level1
font-size: 0.8em; font-size: 0.8em;
height: 36px; height: 36px;
} }
.shelve-slide {
padding-left: 0.15rem !important;
padding-right: 0.15rem !important;
}
} }

View File

@@ -18,7 +18,7 @@
<div class="row"> <div class="row">
<div class="col-11 mx-auto shelve_slider_{{ $shelve['id'] }} slider"> <div class="col-11 mx-auto shelve_slider_{{ $shelve['id'] }} slider">
@foreach ($shelve['articles'] as $name => $article) @foreach ($shelve['articles'] as $name => $article)
<div class="text-center pr-2 pl-2"> <div class="text-center pr-2 pl-2 shelve-slide">
<a class="green" href="{{ route('Shop.Articles.show', ['id' => $article['id']]) }}"> <a class="green" href="{{ route('Shop.Articles.show', ['id' => $article['id']]) }}">
<img data-lazy="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}" <img data-lazy="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}"
class="d-block w-100 rounded" alt="{{ $name }}" /> class="d-block w-100 rounded" alt="{{ $name }}" />