mirror of
https://github.com/KuekHaoYang/KVideo.git
synced 2026-06-02 03:52:47 +08:00
1439a15d22
- Added Danmaku settings including API URL, opacity, font size, and display area to PlayerSettings. - Improved button styles and transitions across various UI components for better user experience. - Updated BackToTop, Badge, Button, Card, ConfirmDialog, Input, ModalBackdrop, ModalHeader, SegmentedControl, and Switch components for consistency with Liquid Glass design. - Adjusted package versions in package.json and package-lock.json to reflect version 4.5.0.
19 lines
462 B
TypeScript
19 lines
462 B
TypeScript
/**
|
|
* Reusable modal backdrop component
|
|
*/
|
|
|
|
interface ModalBackdropProps {
|
|
isOpen: boolean;
|
|
onClose: () => void;
|
|
}
|
|
|
|
export function ModalBackdrop({ isOpen, onClose }: ModalBackdropProps) {
|
|
return (
|
|
<div
|
|
className={`fixed inset-0 z-[9998] bg-black/30 backdrop-blur-md transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'
|
|
}`}
|
|
onClick={onClose}
|
|
/>
|
|
);
|
|
}
|