fix(dialog): show area

NJUPT-SAST · Apr 25, 2024 · ebf66e9 · ebf66e9
1 parent 8e14318
commit ebf66e9
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/packages/ui-react/lib/Carousel/Carousel.tsx b/packages/ui-react/lib/Carousel/Carousel.tsx
@@ -36,6 +36,10 @@ export interface CarouselProps extends HtmlHTMLAttributes<HTMLDivElement> {
    * className
    */
   className?: string;
+  /**
+   * itemClassName?:
+   */
+  itemClassName?: string;
 }
 
 interface ContentProps {
@@ -53,6 +57,7 @@ export const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
       selected,
       isSliding = true,
       className,
+      itemClassName,
       ...rest
     },
     ref,
@@ -159,6 +164,7 @@ export const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
                 key={index}
                 width={item.width || width}
                 height={item.height || height}
+                className={itemClassName}
               >
                 {item.children}
               </CarouselItem>

diff --git a/packages/ui-react/lib/Carousel/CarouselItem.tsx b/packages/ui-react/lib/Carousel/CarouselItem.tsx
@@ -14,15 +14,19 @@ export interface CarouselItemProps {
    * height of the CarouselItem
    */
   height?: number;
+  /**
+   * className
+   */
+  className?: string;
 }
 
 export const CarouselItem = React.forwardRef<HTMLDivElement, CarouselItemProps>(
-  ({ children, width, height }, ref) => {
+  ({ children, width, height, className }, ref) => {
     return (
       <>
         <div
           ref={ref}
-          className={`${styles['item']}`}
+          className={`${styles['item']} ${className}`}
           style={{ width: `${width}px`, height: `${height}px` }}
         >
           {children}

diff --git a/packages/ui-react/lib/Dialog/Dialog.module.scss b/packages/ui-react/lib/Dialog/Dialog.module.scss
@@ -45,7 +45,7 @@
   width: 100%;
   left: 0;
   top: 0;
-  position: absolute;
+  position: fixed;
   &.mask {
     background-color: rgb($black-color, var(--opacity-background));
     backdrop-filter: blur(var(--blur));

diff --git a/packages/ui-react/package.json b/packages/ui-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ui-aurora/react",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "A React UI library built for SASTOJ",
   "author": "sast",
   "license": "MIT",