Update button styles in appointment detail page for improved accessibility #71
@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user