Browse Source

fix(dashboard): Fix bg color of bulk actions select in dark mode

Michael Bromley 3 months ago
parent
commit
6e26ac73a7

+ 4 - 4
packages/dashboard/src/lib/components/data-table/data-table-bulk-actions.tsx

@@ -19,9 +19,9 @@ interface DataTableBulkActionsProps<TData> {
 }
 
 export function DataTableBulkActions<TData>({
-                                                table,
-                                                bulkActions,
-                                            }: Readonly<DataTableBulkActionsProps<TData>>) {
+    table,
+    bulkActions,
+}: Readonly<DataTableBulkActionsProps<TData>>) {
     const allBulkActions = useAllBulkActions(bulkActions);
 
     // Cache to store selected items across page changes
@@ -60,7 +60,7 @@ export function DataTableBulkActions<TData>({
 
     return (
         <div
-            className="flex items-center gap-4 px-8 py-2 animate-in fade-in duration-200 fixed transform -translate-x-1/2 bg-white shadow-2xl rounded-md border z-50"
+            className="flex items-center gap-4 px-8 py-2 animate-in fade-in duration-200 fixed transform -translate-x-1/2 shadow-2xl bg-background rounded-md border z-50"
             style={{
                 height: 'auto',
                 maxHeight: '60px',