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:
@@ -15,10 +15,10 @@ export const PopoverContent = forwardRef<
|
||||
ref={ref}
|
||||
align={align}
|
||||
sideOffset={sideOffset}
|
||||
// Фон непрозрачный, в отличие от обычной crt-панели: поповер висит над чужим текстом,
|
||||
// и полупрозрачность превращала бы список в кашу из наложенных строк.
|
||||
// crt-popover, а не crt-panel: у всплывающей панели непрозрачный фон и заметнее рамка —
|
||||
// она висит над чужим текстом (см. index.css).
|
||||
// z-50 — как у диалога: поповер живёт и внутри диалогов, и должен быть над ними.
|
||||
className={cn('crt-panel z-50 rounded-sm bg-muted outline-none', className)}
|
||||
className={cn('crt-popover z-50 rounded-sm outline-none', className)}
|
||||
{...props}
|
||||
/>
|
||||
</PopoverPrimitive.Portal>
|
||||
|
||||
@@ -35,7 +35,7 @@ export const SelectContent = forwardRef<
|
||||
ref={ref}
|
||||
position={position}
|
||||
className={cn(
|
||||
'crt-panel z-50 max-h-72 min-w-32 overflow-hidden rounded-sm',
|
||||
'crt-popover z-50 max-h-72 min-w-32 overflow-hidden rounded-sm',
|
||||
position === 'popper' && 'translate-y-1',
|
||||
className,
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user