From 58d7156ea5ac0768143e590ac147d7e6e58c38c5 Mon Sep 17 00:00:00 2001 From: Imugiii Date: Thu, 18 Jun 2026 10:34:31 +0000 Subject: [PATCH] fix(borne): logo d'en-tete centre (grille 3 colonnes) .site-header passe de flex/space-between a une grille 1fr auto 1fr : le logo (colonne centrale) reste centre quelles que soient les largeurs du bouton retour et du badge/panier. Avant, sur le panier (badge 'Sur place' etroit), le logo derivait a droite. Verifie sur panier (3 elements) et categories (2 elements). --- src/public/borne/assets/css/style.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/public/borne/assets/css/style.css b/src/public/borne/assets/css/style.css index 3cff763..2bf359c 100644 --- a/src/public/borne/assets/css/style.css +++ b/src/public/borne/assets/css/style.css @@ -271,9 +271,12 @@ button { background: var(--color-bg-card); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding: var(--space-4) var(--space-6); - display: flex; + /* Grille 3 colonnes : le logo (colonne centrale auto) reste centre quelles que + soient les largeurs du bouton retour (gauche) et du badge/panier (droite). + En flex + space-between, le logo derivait selon ces largeurs (ex: panier). */ + display: grid; + grid-template-columns: 1fr auto 1fr; align-items: center; - justify-content: space-between; /* Sticky so the logo stays visible while user scrolls categories */ position: sticky; top: 0; @@ -283,10 +286,17 @@ button { .site-header__logo { height: 56px; width: auto; + justify-self: center; +} + +.site-header__cart, +.site-header__mode { + justify-self: end; } .site-header__back { display: inline-flex; + justify-self: start; align-items: center; gap: var(--space-2); font-size: var(--font-size-sm); -- 2.45.3