Refactor dialog components and styles for improved UI consistency
ci / build-backend (push) Successful in 2m34s
ci / build-frontend (push) Successful in 1m5s
ci / tests (push) Successful in 2m25s
ci / sonar (push) Successful in 6m4s

Updated the dialog components to use a unified class name, replacing 'crt-panel' with 'crt-dialog' for better clarity and consistency across the application. Enhanced the dialog overlay with a denser background and blur effect to improve readability against underlying content. Additionally, modified the UploadSnackbar and ShowsPanel to reflect these changes, ensuring a cohesive user experience.
This commit is contained in:
Leonid Pershin
2026-07-28 00:39:36 +03:00
parent 9f86016a2c
commit e0b85807df
5 changed files with 20 additions and 5 deletions
+13
View File
@@ -122,6 +122,19 @@
0 8px 30px rgba(0, 0, 0, 0.25);
}
/*
* Модальное окно. Тот же оттенок, что у карточки, но фон непрозрачный: диалог висит над сеткой
* и таблицами, и сквозь полупрозрачную панель чужой текст читался прямо поверх полей ввода.
* Тень глубже, чем у карточки, — окно должно отрываться от страницы, а не лежать на ней.
*/
.crt-dialog {
background: color-mix(in srgb, var(--muted) 82%, var(--background));
border: 1px solid color-mix(in srgb, var(--primary) 25%, var(--border));
box-shadow:
0 0 0 1px color-mix(in srgb, var(--primary) 15%, transparent) inset,
0 24px 64px rgba(0, 0, 0, 0.7);
}
/*
* Всплывающая панель (поповер, автокомплит). Отдельный класс, а не crt-panel с правкой фона:
* фон там задан в этом же слое, и утилита вроде bg-muted его не перебивает — выигрывает то,