Cibles tactiles >= 44 px : bouton Connexion, avatar de compte, coeur favoris
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 changed file +4 −4
modified
frontend/src/styles.css
+4 −4
@@ -941,7 +941,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | ||
| 941 | 941 | /* ============ Favoris ♥ « Mon univers Ka » (magasin central au hub) ========= */ |
| 942 | 942 | .fav-btn { |
| 943 | 943 | position: absolute; right: 10px; bottom: 10px; z-index: 2; |
| 944 | − width: 34px; height: 34px; padding: 0; | |
| 944 | + width: 40px; height: 40px; padding: 0; | |
| 945 | 945 | display: inline-flex; align-items: center; justify-content: center; |
| 946 | 946 | border: 1.5px solid var(--ink); border-radius: 999px; cursor: pointer; |
| 947 | 947 | background: rgba(255, 255, 255, 0.95); color: var(--ink); |
@@ -951,7 +951,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | ||
| 951 | 951 | .fav-btn:hover { transform: scale(1.08); background: var(--lime-soft); } |
| 952 | 952 | .fav-btn.on { background: var(--tomato); border-color: var(--tomato-deep); color: #fff; } |
| 953 | 953 | .fav-btn.on svg { fill: currentColor; } |
| 954 | −.fav-btn.big { position: static; flex-shrink: 0; width: 42px; height: 42px; } | |
| 954 | +.fav-btn.big { position: static; flex-shrink: 0; width: 44px; height: 44px; } | |
| 955 | 955 | .fav-btn.big svg { width: 21px; height: 21px; } |
| 956 | 956 | /* fiche produit : le cœur à droite du prix */ |
| 957 | 957 | .price-fav { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } |
@@ -959,7 +959,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | ||
| 959 | 959 | /* ================= Compte (connexion KA ID — SSO Groupe KA) ================= */ |
| 960 | 960 | .login-btn { |
| 961 | 961 | display: inline-flex; align-items: center; gap: 8px; |
| 962 | − padding: 8px 15px; margin-left: 10px; min-height: 38px; | |
| 962 | + padding: 8px 15px; margin-left: 10px; min-height: 44px; | |
| 963 | 963 | background: var(--surface); border: 1.5px solid var(--ink); |
| 964 | 964 | border-radius: 999px; font-weight: 600; font-size: 13.5px; color: var(--ink); |
| 965 | 965 | transition: all 0.12s ease; white-space: nowrap; text-decoration: none; |
@@ -974,7 +974,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | ||
| 974 | 974 | } |
| 975 | 975 | .account { position: relative; margin-left: 10px; } |
| 976 | 976 | .account-btn { |
| 977 | − width: 38px; height: 38px; padding: 0; border: 2px solid var(--ink); | |
| 977 | + width: 44px; height: 44px; padding: 0; border: 2px solid var(--ink); | |
| 978 | 978 | border-radius: 999px; overflow: hidden; cursor: pointer; |
| 979 | 979 | background: var(--lime); display: flex; align-items: center; justify-content: center; |
| 980 | 980 | } |
| 981 | 981 | |