UI Prompt – Admin Sheet with Freeze PanesDesign a scrollable data sheet for an Admin Panel to manage hospital consultants’ schedules.Frozen Areas (Important):The left Date column should always stay visible when scrolling horizontally.The top header row containing Consultant initials and their duty types (AM / REG / SHO) should remain visible when scrolling vertically.Eg: the rows and columns highlighted in red on the attached should always be visible.Table Layout:Left column → Date (DD/MM/YYYY).Top row → Consultant initials with sub-headers underneath for AM / REG / SHO.Table cells → Indicators for activity (✔ = duty, ✖ = leave, ○ = on-call).Visuals & Styling:Use light shading or subtle background color for the frozen date column and top row to make them stand out.Apply grid lines to separate cells clearly.Add hover effect on rows/columns for better readability.Controls above the sheet:Date range filter (This week, This month, Custom).Consultant filter (dropdown).Duty type filter (checkboxes for OT, OPD, On-Call, Leave).Export buttons → Download as PDF / Excel.Behavior:Large dataset should be scrollable both vertically and horizontally.Frozen date column + header row always remain in view.
I'll help you create a professional admin sheet for managing hospital consultants' schedules with freeze panes functionality. Let me start by generating design inspiration for this admin panel component.
Now let me search the repo to understand the current codebase structure.
Now I'll create the admin sheet component with freeze panes functionality. I'll start by updating the globals.css with the medical-themed design tokens, then create the main page and the admin sheet component.
I've created a comprehensive hospital consultant scheduling admin panel with freeze panes functionality. The interface features a professional medical-themed design with a sticky date column and header row that remain visible during scrolling. The component includes filtering controls for date ranges, consultants, and duty types, plus export buttons for PDF and Excel formats. The table uses visual indicators (✔ for duty, ✖ for leave, ○ for on-call) with color-coded backgrounds for quick recognition, and includes hover effects for enhanced usability.