rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UX: Route-Detail Pills text-only, keine Icons, Farben nach Bedeutung

Browse source
This commit is contained in:
rene 2026-04-19 11:38:52 +02:00
parent f00084deb8
commit 167c8018bb
3 changed files with 33 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

15
backend/static/css/components.css
View file

@ -2203,6 +2203,21 @@ html.modal-open {
background: var(--c-surface-2);
color: var(--c-text-secondary);
}
/* Text-only Pills für Route-Detail */
.rk-pill {
display: inline-flex;
align-items: center;
font-size: var(--text-xs);
font-weight: var(--weight-medium);
padding: 3px 10px;
border-radius: var(--radius-full);
white-space: nowrap;
}
.rk-pill--neutral { background: var(--c-surface-2); color: var(--c-text-secondary); }
.rk-pill--dog { background: #fef3c7; color: #92400e; }
.rk-pill--private { background: #dbeafe; color: #1d4ed8; }
.rk-pill--public { background: #dcfce7; color: #15803d; }
.rk-badge--leicht { background: #dcfce7; color: #15803d; }
.rk-badge--mittel { background: #fef9c3; color: #a16207; }
.rk-badge--anspruchsvoll{ background: #fee2e2; color: #b91c1c; }