diff --git a/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx b/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx index e4709b2e35e83274ecf879934eed4fd857934f2d..f58a75f9ccf40567877666b2365bc4afbb7515be 100644 --- a/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx +++ b/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx @@ -45,7 +45,7 @@ const DropzoneFooter: React.FC<DropzoneFooterProps> = ( } const finalClassName = resetStyles ? className - : addClassName("files-ui-footer files-ui-footer-border-bg-color", className); + : addClassName("files-ui-footer files-ui-footer-border-rd-top-bg-color", className); const finalStyle = resetStyles ? style diff --git a/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx b/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx index d93cb00f694220a64e48152abcc1bbde8c7c8b0f..b4c40840677bfffa2beb58254920a2dfc5259762 100644 --- a/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx +++ b/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx @@ -114,7 +114,7 @@ const DropzoneHeader: React.FC<DropzoneHeaderProps> = ( const finalClassName = resetStyles ? className - : addClassName("files-ui-header files-ui-header-border", className); + : addClassName("files-ui-header files-ui-header-border-rd", className); const finalStyle = resetStyles ? style : { diff --git a/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss b/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss index 84ad391cce571f4c81e18682c4b1a061c37760c3..9482faab490d5efa4f044fec398ef43dcb694671 100644 --- a/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss +++ b/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss @@ -88,7 +88,7 @@ flex-direction: column; align-items: flex-start; justify-content: center; - border-top: 1px dotted grey; + //border-top: 1px dotted grey; //background-color: rgba(128, 128, 128, 0.129); font-family: "Poppins", sans-serif; font-family: inherit; diff --git a/src/files-ui/components/dropzone/useDropzoneClassName.ts b/src/files-ui/components/dropzone/useDropzoneClassName.ts index 67565ef6f48360f3dbca72a7f20c9982de469cdf..41375481b6d19ff33636d6f3897d50a05d6f1070 100644 --- a/src/files-ui/components/dropzone/useDropzoneClassName.ts +++ b/src/files-ui/components/dropzone/useDropzoneClassName.ts @@ -103,20 +103,23 @@ const makeDynamicDropzoneStyleSheet = ( minHeight: typeof minHeight === "number" ? `${minHeight}px` : minHeight, }, }; - const footerBorderStyle: DynamicSheetRule = { - className: `files-ui-footer-border-bg-color`, - rules: { - "border-bottom-left-radius": DEFAULT_BORDER_RADIUS, - "border-bottom-right-radius": DEFAULT_BORDER_RADIUS, - backgroundColor: completeAsureColor(color, 0.129) - }, - }; + const headerBorderStyle: DynamicSheetRule = { - className: `files-ui-header-border`, + className: `files-ui-header-border-rd`, rules: { "border-top-left-radius": DEFAULT_BORDER_RADIUS, "border-top-right-radius": DEFAULT_BORDER_RADIUS, }, + }; + const footerBorderStyle: DynamicSheetRule = { + className: `files-ui-footer-border-rd-top-bg-color`, + rules: { + "border-bottom-left-radius": DEFAULT_BORDER_RADIUS, + "border-bottom-right-radius": DEFAULT_BORDER_RADIUS, + backgroundColor: completeAsureColor(color, 0.129), + borderTop: `1px dotted ${completeAsureColor(color)}` + + }, }; const sheetRules: DynamicSheetRule[] = [rootColorBorderStyle];