chg: reduce article label font size under thumbnails on small screens (< 430px)

This commit is contained in:
Valentin Lab
2026-03-27 13:54:58 +01:00
parent 8d94c038ad
commit 2184f1e83c
2 changed files with 9 additions and 1 deletions

View File

@@ -443,6 +443,10 @@ div.megamenu ul.megamenu li.megamenu.level1
font-size: 2em; font-size: 2em;
} }
.shelve-article-label {
height: 48px;
}
/* -- Responsive: très petites résolutions (< 430px) -- */ /* -- Responsive: très petites résolutions (< 430px) -- */
@media (max-width: 429.98px) { @media (max-width: 429.98px) {
@@ -455,4 +459,8 @@ div.megamenu ul.megamenu li.megamenu.level1
.shelve-btn-suffix { .shelve-btn-suffix {
display: none; display: none;
} }
.shelve-article-label {
font-size: 0.8em;
height: 36px;
}
} }

View File

@@ -22,7 +22,7 @@
<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 }}" />
<div style="height: 48px;"> <div class="shelve-article-label">
{{ $name }} {{ $name }}
</div> </div>
</a> </a>