chg: reduce shelve title font size on small screens (< 430px)

This commit is contained in:
Valentin Lab
2026-03-27 13:12:14 +01:00
parent 6e46485d53
commit f27a7ef8e6
2 changed files with 15 additions and 1 deletions

View File

@@ -436,3 +436,17 @@ div.megamenu ul.megamenu li.megamenu.level1
max-width: 100%; max-width: 100%;
} }
} }
/* -- Titres des rayons -- */
.shelve-title {
font-size: 2em;
}
/* -- Responsive: très petites résolutions (< 430px) -- */
@media (max-width: 429.98px) {
.shelve-title {
font-size: 1.4em;
}
}

View File

@@ -2,7 +2,7 @@
<div class="mb-5 bg-green-light shadow2"> <div class="mb-5 bg-green-light shadow2">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<h1 class="p-2 green" style="font-size: 2em;">{{ $shelve['name'] }}</h1> <h1 class="p-2 green shelve-title">{{ $shelve['name'] }}</h1>
</div> </div>
<div class="col-6 text-right"> <div class="col-6 text-right">
<a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}" <a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"