Update pnpm-lock.yaml for Radix UI package versions and enhance popover styling in CSS
Updated the pnpm-lock.yaml to override versions of '@radix-ui/react-dismissable-layer' and '@radix-ui/react-focus-scope' to their latest releases. Enhanced the CSS for popover components by introducing a new '.crt-popover' class for improved styling, ensuring a more distinct appearance over other content. Refactored related components to utilize the new class, improving visual consistency across the application.
This commit is contained in:
@@ -121,4 +121,20 @@
|
||||
0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent) inset,
|
||||
0 8px 30px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
/*
|
||||
* Всплывающая панель (поповер, автокомплит). Отдельный класс, а не crt-panel с правкой фона:
|
||||
* фон там задан в этом же слое, и утилита вроде bg-muted его не перебивает — выигрывает то,
|
||||
* что объявлено позже.
|
||||
*
|
||||
* Фон непрозрачный и темнее панели, рамка заметнее: поповер висит над чужим текстом, и
|
||||
* полупрозрачность превращала список в кашу из наложенных строк.
|
||||
*/
|
||||
.crt-popover {
|
||||
background: var(--background);
|
||||
border: 1px solid color-mix(in srgb, var(--primary) 45%, var(--border));
|
||||
box-shadow:
|
||||
0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent) inset,
|
||||
0 16px 48px rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user