refactor(frontend): normalize danger action shells

This commit is contained in:
lizerk 2026-04-13 23:41:16 +03:00
parent d9648a3890
commit 64eafeea46
3 changed files with 7 additions and 3 deletions

View File

@ -128,7 +128,9 @@ Foundation layer уже существует и задаётся в этих ф
Правило:
- destructive state должен быть семантическим, а не декоративно тяжёлым
- danger action использует ту же базовую оболочку, что и `app-action-secondary`
- destructive state отличать тоном, текстом и hover-состоянием, а не исчезающим контейнером
- icon-only danger action не должен выглядеть "голой" иконкой рядом с secondary control
## Badge, menu, feedback, selected

View File

@ -33,6 +33,7 @@
- Есть ли один очевидный primary action?
- Не спорят ли secondary и danger actions по визуальному весу с primary?
- Семантика destructive actions понятна?
- В парных action-clusters `danger` не выглядит ли недорисованным по сравнению с `secondary`?
## 6. Responsive

View File

@ -394,13 +394,14 @@ html[data-bs-theme="dark"] .app-input::-webkit-calendar-picker-indicator {
}
.app-action-danger {
border: 1px solid transparent;
background: transparent;
border: 1px solid color-mix(in srgb, var(--danger-foreground) 18%, var(--border-strong));
background: var(--surface-elevated);
color: #dc2626;
}
.app-action-danger:hover {
background: var(--danger-soft);
border-color: color-mix(in srgb, var(--danger-foreground) 24%, var(--border-strong));
}
.app-selected {