Fix Layout

This commit is contained in:
Randa Firman Putra
2025-07-14 22:49:22 +07:00
parent f76440c4e2
commit 833b307602
21 changed files with 143 additions and 126 deletions

View File

@@ -24,11 +24,6 @@ export default function LulusTepatWaktuPage() {
</div>
<Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium dark:text-white">
Filter Data
</CardTitle>
</CardHeader>
<CardContent>
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4">
<FilterTahunAngkatan
@@ -40,21 +35,23 @@ export default function LulusTepatWaktuPage() {
</Card>
{selectedYear === "all" ? (
<>
<LulusTepatWaktuChart selectedYear={selectedYear} />
<JenisPendaftaranLulusChart selectedYear={selectedYear} />
</>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<LulusTepatWaktuChart selectedYear={selectedYear} />
<JenisPendaftaranLulusChart selectedYear={selectedYear} />
</div>
) : (
<>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<LulusTepatWaktuPieChart selectedYear={selectedYear} />
<JenisPendaftaranLulusPieChart selectedYear={selectedYear} />
</>
</div>
)}
<AsalDaerahLulusChart selectedYear={selectedYear} />
{selectedYear === "all" && (
<IPKLulusTepatChart selectedYear={selectedYear} />
)}
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<AsalDaerahLulusChart selectedYear={selectedYear} />
{selectedYear === "all" && (
<IPKLulusTepatChart selectedYear={selectedYear} />
)}
</div>
</div>
);