stephen/apartment-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Admin Dashboard Frontend (Phases 1-4) #3

Merged
stephen merged 7 commits from admin into main 2026-01-22 14:12:59 -07:00
Conversation 0 Commits 7 Files Changed 14 +4 -4
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f33ef01a6d - Show all commits

8
src/App.jsx
View File

@ -781,12 +781,12 @@ const ApartmentDashboard = () => {
{/* Unit Cards - List View */}
{unitsViewMode === 'list' && (
<div className="bg-white rounded-lg shadow-md overflow-hidden">
<table className="w-full">
<div className="bg-white rounded-lg shadow-md overflow-x-auto">
<table className="w-full min-w-max">
<thead className="bg-gray-50 border-b">
<tr>
<th
className="text-left py-3 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-100 select-none"
className="text-left py-3 px-4 font-semibold text-gray-700 cursor-pointer hover:bg-gray-100 select-none sticky left-0 z-10 bg-gray-50 shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)]"
onClick={() => handleSort('unitCode')}
>
<span className="flex items-center">
@ -866,7 +866,7 @@ const ApartmentDashboard = () => {
key={unit.unitCode}
className={`border-b ${index % 2 === 0 ? 'bg-white' : 'bg-gray-50'} ${watchedUnits.has(unit.unitCode) ? 'ring-2 ring-inset ring-blue-400' : ''} hover:bg-blue-50`}
>
<td className="py-3 px-4 font-bold">{unit.unitCode}</td>
<td className={`py-3 px-4 font-bold sticky left-0 z-10 shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] ${index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}`}>{unit.unitCode}</td>
<td className="py-3 px-4 text-gray-600">{unit.planName}</td>
<td className="py-3 px-4 text-center">{unit.bedCount}/{unit.bathCount}</td>
<td className="py-3 px-4 text-center">{unit.area} sqft</td>