TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix loader animation on DataGridLoader

Browse Source
This commit is contained in:
Wikzyy
2025-04-28 13:53:40 +07:00
parent 86b3bf40e8
commit 02bc3dc4b9
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/data-grid/DataGridLoader.tsx
View File

@ -4,9 +4,9 @@ import { RefreshCw } from 'lucide-react';
export const DataGridLoader = () => { export const DataGridLoader = () => {
return ( 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="absolute inset-0 bg-white/50 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="bg-white flex items-center rounded-3xl">
<div className="flex flex-col items-center"> <div className="flex flex-col items-center p-5">
<RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" /> <RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
<span className="text-slate-500 font-medium">Refreshing data...</span> <span className="text-slate-500 font-medium">Refreshing data...</span>
</div> </div>