Re-Quest/adminpanel
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update user status toggle button styling and labels for improved visibility and clarity

Browse Source
This commit is contained in:
pradeepkumar
2026-03-31 23:43:45 +05:30
parent 5e7534d273
commit 1494bae703
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/dashboard/users/[id]/page.tsx
View File

@@ -392,13 +392,13 @@ export default function UserDetailPage() {
<button
onClick={handleToggleStatus}
disabled={isTogglingStatus}
className={`px-3 py-1 text-xs font-medium rounded-full transition-colors disabled:opacity-50 ${
className={`px-4 py-1.5 text-sm font-semibold rounded-lg transition-colors disabled:opacity-50 shadow-sm border ${
user.status === 'ACTIVE'
? 'bg-red-50 text-red-600 hover:bg-red-100'
: 'bg-green-50 text-green-600 hover:bg-green-100'
? 'bg-red-600 text-white hover:bg-red-700 border-red-600'
: 'bg-green-600 text-white hover:bg-green-700 border-green-600'
}`}
>
{isTogglingStatus ? '...' : user.status === 'ACTIVE' ? 'Deactivate' : 'Activate'}
{isTogglingStatus ? 'Updating...' : user.status === 'ACTIVE' ? 'Deactivate User' : 'Activate User'}
</button>
</div>
</div>