Refactor dialog components and styles for improved UI consistency
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:
@@ -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 его не перебивает — выигрывает то,
|
||||
|
||||
Reference in New Issue
Block a user