fix(borne): logo d'en-tete centre (grille 3 colonnes)
Some checks failed
CI / secret-scan (push) Successful in 10s
CI / php-lint (push) Successful in 23s
CI / static-tests (push) Successful in 46s
CI / secret-scan (pull_request) Successful in 9s
CI / js-tests (push) Successful in 27s
CI / php-lint (pull_request) Successful in 21s
CI / static-tests (pull_request) Successful in 45s
CI / js-tests (pull_request) Successful in 25s
CI / auto-merge (push) Has been skipped
CI / auto-merge (pull_request) Failing after 5s
Some checks failed
CI / secret-scan (push) Successful in 10s
CI / php-lint (push) Successful in 23s
CI / static-tests (push) Successful in 46s
CI / secret-scan (pull_request) Successful in 9s
CI / js-tests (push) Successful in 27s
CI / php-lint (pull_request) Successful in 21s
CI / static-tests (pull_request) Successful in 45s
CI / js-tests (pull_request) Successful in 25s
CI / auto-merge (push) Has been skipped
CI / auto-merge (pull_request) Failing after 5s
.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:
parent
1b29cd420f
commit
58d7156ea5
1 changed files with 12 additions and 2 deletions
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue