ligdhej

src/app/(panels)/suite/doctor/patients/page.jsx

@@ -12,7 +12,7 @@ import { CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { ChevronDown } from "lucide-react";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
-import {PersonForm} from "./PatientForm";
+import { PersonForm } from "./PatientForm";
 import { Card } from "@/components/ui/card";
 
 import { faker } from "@faker-js/faker";
@@ -71,9 +71,7 @@ export default function PatientsDOC() {
     return (
         <div className="container mx-auto">
             <h1 className="text-3xl font-semibold mb-6">Patients</h1>
-            <div className="h-20 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-                <Card>
-                    <CardContent>
+            <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">
@@ -100,8 +98,6 @@ export default function PatientsDOC() {
                         </div>
                     </div>
                 )}
-                    </CardContent>
-                </Card>
             </div>
         </div>
     )