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

fix(borne): logo d'en-tete centre (grille 3 colonnes)
Some checks failed
CI / secret-scan (push) Successful in 10s
Details
CI / php-lint (push) Successful in 23s
Details
CI / static-tests (push) Successful in 46s
Details
CI / secret-scan (pull_request) Successful in 9s
Details
CI / js-tests (push) Successful in 27s
Details
CI / php-lint (pull_request) Successful in 21s
Details
CI / static-tests (pull_request) Successful in 45s
Details
CI / js-tests (pull_request) Successful in 25s
Details
CI / auto-merge (push) Has been skipped
Details
CI / auto-merge (pull_request) Failing after 5s
Details

Browse source 
.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).
This commit is contained in:
Imugiii 2026-06-18 10:34:31 +00:00
parent 1b29cd420f
commit 58d7156ea5
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);
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);