AcadeNice/corentin_wakdo
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(borne): logo d'en-tete centre (#51)
All checks were successful
CI / php-lint (push) Successful in 19s
Details
CI / static-tests (push) Successful in 48s
Details
CI / js-tests (push) Successful in 25s
Details
CI / auto-merge (push) Has been skipped
Details
CI / secret-scan (push) Successful in 8s
Details

Browse source
This commit is contained in:
Corentin JOGUET 2026-06-18 12:40:23 +02:00
parent 1b29cd420f
commit 88e3cbc1bb
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/public/borne/assets/css/style.css
View file

@ -271,9 +271,12 @@ button {
background: var(--color-bg-card); background: var(--color-bg-card);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
padding: var(--space-4) var(--space-6); 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; align-items: center;
justify-content: space-between;
/* Sticky so the logo stays visible while user scrolls categories */ /* Sticky so the logo stays visible while user scrolls categories */
position: sticky; position: sticky;
top: 0; top: 0;
@ -283,10 +286,17 @@ button {
.site-header__logo { .site-header__logo {
height: 56px; height: 56px;
width: auto; width: auto;
justify-self: center;
}
.site-header__cart,
.site-header__mode {
justify-self: end;
} }
.site-header__back { .site-header__back {
display: inline-flex; display: inline-flex;
justify-self: start;
align-items: center; align-items: center;
gap: var(--space-2); gap: var(--space-2);
font-size: var(--font-size-sm); font-size: var(--font-size-sm);