Fix Layout
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user