UX: Route-Pills kompakter, kürzere Texte, Rahmen sichtbar
This commit is contained in:
parent
167c8018bb
commit
54a6615ebb
3 changed files with 18 additions and 16 deletions
|
|
@ -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; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue