From 02bc3dc4b9cf5a58bec7e0bd070096e13c544141 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Mon, 28 Apr 2025 13:53:40 +0700
Subject: [PATCH] fix loader animation on DataGridLoader

---
 src/components/data-grid/DataGridLoader.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/data-grid/DataGridLoader.tsx b/src/components/data-grid/DataGridLoader.tsx
index 03666a5..31334ad 100644
--- a/src/components/data-grid/DataGridLoader.tsx
+++ b/src/components/data-grid/DataGridLoader.tsx
@@ -4,9 +4,9 @@ import { RefreshCw } from 'lucide-react';
 
 export const DataGridLoader = () => {
   return (
-    <div className="fixed inset-0 bg-white/25 flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
-      <div className="bg-card flex items-center border shadow-sm rounded-md">
-        <div className="flex flex-col items-center">
+    <div className="absolute inset-0 bg-white/50 flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
+      <div className="bg-white flex items-center rounded-3xl">
+        <div className="flex flex-col items-center p-5">
           <RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
           <span className="text-slate-500 font-medium">Refreshing data...</span>
         </div>