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

change spin animation on data grid loader

Browse Source
This commit is contained in:
Raja Oktafrianto
2025-04-23 16:29:26 +07:00
parent 257fb29740
commit 0ea561aebc
3 changed files with 19 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/groups/ManageGroups.tsx
View File

@ -224,9 +224,11 @@ const ManageGroups = () => {
<div className="grid gap-5 lg:gap-7.5 mt-5 relative">
{isReloading && (
<div className="fixed inset-0 bg-transparent flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
<div className="flex flex-col items-center">
<RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
<span className="text-slate-500 font-medium">Refreshing data...</span>
<div className="bg-card flex items-center border shadow-sm rounded-md">
<div className="flex flex-col items-center">
<RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
<span className="text-slate-500 font-medium">Refreshing data...</span>
</div>
</div>
</div>
)}