UX: Route-Pills kompakter, kürzere Texte, Rahmen sichtbar

This commit is contained in:
rene 2026-04-19 11:44:31 +02:00
parent 167c8018bb
commit 54a6615ebb
3 changed files with 18 additions and 16 deletions

View file

@ -2208,16 +2208,18 @@ html.modal-open {
.rk-pill {
display: inline-flex;
align-items: center;
font-size: var(--text-xs);
font-weight: var(--weight-medium);
padding: 3px 10px;
font-size: 10px;
font-weight: var(--weight-semibold);
padding: 2px 8px;
border-radius: var(--radius-full);
white-space: nowrap;
border: 1px solid transparent;
line-height: 1.4;
}
.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-pill--neutral { background: var(--c-surface-2); color: var(--c-text-secondary); border-color: var(--c-border); }
.rk-pill--dog { background: #fef3c7; color: #92400e; border-color: #fde68a; }
.rk-pill--private { background: #dbeafe; color: #1d4ed8; border-color: #bfdbfe; }
.rk-pill--public { background: #dcfce7; color: #15803d; border-color: #bbf7d0; }
.rk-badge--leicht { background: #dcfce7; color: #15803d; }
.rk-badge--mittel { background: #fef9c3; color: #a16207; }
.rk-badge--anspruchsvoll{ background: #fee2e2; color: #b91c1c; }