diff --git a/src/components/FileManager/FileManager.tsx b/src/components/FileManager/FileManager.tsx
index 107c0fbd..715fbe5a 100644
--- a/src/components/FileManager/FileManager.tsx
+++ b/src/components/FileManager/FileManager.tsx
@@ -262,6 +262,7 @@ export interface DialFileManagerProps {
defaultPath?: string;
className?: string;
managerLabel?: ReactNode;
+ gridClassName?: string;
allowedFileTypes?: DialFileAcceptType[];
items?: DialFile[];
@@ -416,6 +417,7 @@ export interface DialFileManagerProps {
* @param [path] - Absolute path of the current location (e.g. "/All files/Design/Icons")
* @param [defaultPath] - Initial path used in uncontrolled mode (applied only on first render)
* @param [className] - Additional classes for the root container
+ * @param [gridClassName] - Additional classes for the grid container
* @param [items] - Full hierarchical list of files and folders used by both tree and grid
* @param [rootItem] - Optional root folder item to represent the top-level container in the tree
* @param [filesLoading=false] - When true, shows skeleton loading state in the grid
@@ -607,6 +609,7 @@ export const DialFileManagerView: FC = () => {
onPreview,
previewExtensions,
isRenameFileAvailable,
+ gridClassName,
} = useFileManagerContext();
const {
width = sidebarWidth,
@@ -998,8 +1001,8 @@ export const DialFileManagerView: FC = () => {
);
}
- // If no toolbar options are provided, render empty div to maintain layout consistency
- return
;
+
+ return null;
}, [
bulkActionsToolbarOptions,
selectedPaths,
@@ -1208,7 +1211,7 @@ export const DialFileManagerView: FC = () => {
)}
>
{renderToolbar()}
-
+
{renderFoldersTree()}
= ({
isRenameFileAvailable,
customUploadFileAction,
customBreakpointRef,
+ gridClassName,
}) => {
const {
selectedPaths: effectiveSelectedPaths,
@@ -692,6 +693,7 @@ export const FileManagerProvider: FC
= ({
emptyStateIcon,
emptyStateTitle,
emptyStateDescription,
+ gridClassName,
sharedWithMeIds,
diff --git a/src/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.tsx b/src/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.tsx
index 01429139..4aafe47f 100644
--- a/src/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.tsx
+++ b/src/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.tsx
@@ -173,6 +173,8 @@ export const DialDestinationFolderPopup: FC = ({
onClose();
}}
size={PopupSize.Lg}
+ dividerFooter
+ dividers={false}
className="md:!h-[800px] !bg-layer-2"
footer={
@@ -247,7 +249,11 @@ export const DialDestinationFolderPopup: FC
= ({
| null) => void;
size?: PopupSize;
hideClose?: boolean;
closeOnOutsideClick?: boolean;
- /** When true, focus is set to a non-input guard so the virtual keyboard does not open on mobile */
preventKeyboardOnOpen?: boolean;
}
@@ -72,6 +73,7 @@ export interface DialPopupProps {
* @param [titleClassName] - Additional CSS classes applied to the title element
* @param [headerClassName] - Additional CSS classes applied to the popup header container
* @param [dividers=true] - Whether to render separators between sections
+ * @param [dividerFooter=true] - Whether to render a divider above the footer when `dividers` is true
* @param [children] - Body content
* @param [footer] - Footer area for actions
* @param [onClose] - Callback fired when the popup requests to close
@@ -89,6 +91,7 @@ export const DialPopup: FC = ({
titleClassName,
headerClassName,
dividers = true,
+ dividerFooter = true,
children,
footer,
onClose,
@@ -180,6 +183,7 @@ export const DialPopup: FC = ({
{/* Body area */}
{children}
+ {dividerFooter && }
{footer}
diff --git a/src/components/Tooltip/TooltipContent.tsx b/src/components/Tooltip/TooltipContent.tsx
index b6b4400e..167830db 100644
--- a/src/components/Tooltip/TooltipContent.tsx
+++ b/src/components/Tooltip/TooltipContent.tsx
@@ -46,7 +46,7 @@ export const DialTooltipContent: FC = ({ style, ...props }) => {
context={context.context}
fill="currentColor"
strokeWidth={1}
- className="border-primary w-2 text-[var(--bg-layer-0,_#000000)]"
+ className="stroke-primary text-[var(--bg-layer-0,_#000000)]"
/>