Css update
This commit is contained in:
@@ -70,12 +70,10 @@ export default function PatientsDOC() {
|
||||
<div className="container mx-auto">
|
||||
<h1 className="text-3xl font-semibold mb-6">Patients</h1>
|
||||
<div className="h-20 w-full">
|
||||
{userData && userData.role === 'caregiver' && (
|
||||
<div className="space-y-4 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
|
||||
<div className="mb-4">
|
||||
<div className="space-y-4 grid grid-cols-2 gap-6">
|
||||
{finalPatients.map(patient => (
|
||||
<Collapsible key={patient.id}>
|
||||
<div className="flex items-center justify-between p-2 bg-gray-100 dark:bg-neutral-800 rounded-t-lg">
|
||||
<div className="flex items-center justify-between p-2 bg-gray-300 dark:bg-neutral-800 rounded-t-lg">
|
||||
<div>
|
||||
<h2 className="text-lg font-semibold">{patient.name}</h2>
|
||||
<p className="text-sm text-gray-500 dark:text-neutral-400">Age: {patient.age}</p>
|
||||
@@ -95,8 +93,6 @@ export default function PatientsDOC() {
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user