ATTUNE-HEART-THERAPY/website
6
0
Fork 0
Code Issues 7 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update button styles in appointment detail page for improved accessibility

Browse Source 
- Modified the button styles in the admin appointment detail page to enhance visual clarity and responsiveness, ensuring a consistent user experience across different themes and screen sizes.
- Adjusted icon visibility for better layout on smaller screens, improving usability for all users.
This commit is contained in:
iamkiddy 2025-12-05 19:21:37 +00:00
parent eddb9eb6e3
commit 695e1c0706
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/(admin)/admin/booking/[id]/page.tsx
View File

@ -457,10 +457,10 @@ export default function AppointmentDetailPage() {
} }
setRescheduleDialogOpen(true); setRescheduleDialogOpen(true);
}} }}
className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors ${isDark ? "hover:bg-gray-700 text-gray-300 hover:text-white" : "hover:bg-gray-100 text-gray-600 hover:text-gray-900"}`} className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors text-blue-600 hover:text-blue-700 ${isDark ? "hover:bg-blue-900/20" : "hover:bg-blue-50"}`}
title="Reschedule Appointment" title="Reschedule Appointment"
> >
<Pencil className="w-4 h-4 shrink-0" /> <Pencil className="w-4 h-4 shrink-0 sm:hidden" />
<span className="hidden sm:inline text-sm font-medium">Reschedule</span> <span className="hidden sm:inline text-sm font-medium">Reschedule</span>
</button> </button>
)} )}