davide/CRAPP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Evita lo scroll orizzontale nei filtri della classifica giocatori

Browse Source 
I pill (Presenze, Media voto, MVP, Palloni, Cacche/partita) andavano su
una riga scrollabile orizzontalmente; ora vanno a capo con flex-wrap.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
davide
2026-09-03 13:36:52 +02:00
co-authored by Claude Sonnet 5
parent 0710d143a9
commit 988eb6d575
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/squadra.tsx
+2 -2
View File
@@ -264,14 +264,14 @@ function Squadra() {
</Section> </Section>
<Section titolo="Classifica giocatori"> <Section titolo="Classifica giocatori">
<div className="-mx-5 mb-3 flex gap-2 overflow-x-auto px-5 pb-1"> <div className="mb-3 flex flex-wrap gap-2">
{criteri.map((c) => ( {criteri.map((c) => (
<button <button
key={c.id} key={c.id}
type="button" type="button"
onClick={() => setCriterio(c.id)} onClick={() => setCriterio(c.id)}
className={cn( className={cn(
"shrink-0 rounded-full px-3 py-1.5 text-xs font-bold uppercase transition-colors", "rounded-full px-3 py-1.5 text-xs font-bold uppercase transition-colors",
criterio === c.id criterio === c.id
? "bg-accent text-accent-foreground shadow-pop" ? "bg-accent text-accent-foreground shadow-pop"
: "bg-secondary text-muted-foreground", : "bg-secondary text-muted-foreground",