itm/itmpwk.ac.id
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance schedule layout for better responsiveness and styling

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-31 14:54:18 +07:00
parent 941de83949
commit a702b506fd
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/pages/admin/academic-classes/schedules/index.tsx
View File

@ -131,14 +131,14 @@ export default function ScheduleIndex({
Belum ada data jadwal. Belum ada data jadwal.
</p> </p>
) : ( ) : (
<div className="flex flex-1 gap-4 overflow-x-auto pb-2"> <div className="flex flex-1 flex-col gap-4 pb-2 md:flex-row md:overflow-x-auto">
{columns.map((day) => { {columns.map((day) => {
const items = grouped.get(day) ?? []; const items = grouped.get(day) ?? [];
return ( return (
<div <div
key={day} key={day}
className="flex w-72 shrink-0 flex-col gap-3" className="flex w-full shrink-0 flex-col gap-3 border-b pb-6 last:border-b-0 last:pb-0 md:w-72 md:border-b-0 md:pb-0"
> >
<div className="flex items-center justify-between rounded-md bg-muted px-3 py-2"> <div className="flex items-center justify-between rounded-md bg-muted px-3 py-2">
<span className="text-sm font-semibold"> <span className="text-sm font-semibold">