Update schedule & fix typography

master
Gilang R 2024-11-08 12:44:30 +09:00
parent da61c52e0c
commit ff8787e5ad
Signed by: sinyo1015
GPG Key ID: D40305586B71891C
2 changed files with 10 additions and 18 deletions

View File

@ -17,20 +17,12 @@
"schedules": [
{
"departure_datetime": "2024-11-06 20:00:00",
"dock_name": "Dermaga 1",
"destination": "Kupal - Jojame - Jikotamo - Kawasi",
"status": 1,
"company_code": "POM",
"ship_name": "KM. OBI PERMAI"
},
{
"departure_datetime": "2024-11-06 20:00:00",
"departure_datetime": "2024-11-08 20:30:00",
"dock_name": "Dermaga 1",
"destination": "Babang",
"status": 1,
"company_code": "UKIT",
"ship_name": "KM. UKI RAYA 05"
"company_code": "TML",
"ship_name": "KM. TERATAI MURNI LINES"
}
]
}

View File

@ -178,7 +178,7 @@ export function Index() {
setDate(_date);
}, 1000);
setGrouppedSchedules(groupDepartureDatetimes(data.schedules, 5));
setGrouppedSchedules(groupDepartureDatetimes(data.schedules, 4));
}, []);
useEffect(() => {
@ -214,7 +214,7 @@ export function Index() {
</h3>
</div>
</div>
<div className="grid grid-cols-12 gap-8 mt-8" style={{ height: "80%" }}>
<div className="grid grid-cols-12 gap-8 mt-8" style={{ height: "75%" }}>
<div className="col-span-12">
<div className="flex flex-col bg-white border shadow-sm rounded-xl p-4 md:p-5 h-full">
<h3 className="text-4xl font-bold text-gray-800 text-center underline">
@ -361,14 +361,14 @@ export function Index() {
</div>
<div className="fixed bottom-5">
<div className="border-2 rounded-md mt-4 h-12 flex">
<div className="bg-blue-400 h-full items-center justify-center flex w-40">
<h3 className="text-xl text-center text-white">INFORMASI</h3>
<div className="border-2 rounded-md mt-4 h-28 flex">
<div className="bg-blue-400 h-full items-center justify-center flex w-[320px]">
<h3 className="text-5xl text-center text-white">INFORMASI</h3>
</div>
<div className="whitespace-nowrap flex items-center overflow-x-hidden ml-1">
<Marquee>
<Marquee speed={100}>
{data.marquee_text.map((x) => (
<h3 className="text-2xl ml-4 font-bold">{x}</h3>
<h3 className="text-5xl ml-4 font-bold">{x}</h3>
))}
</Marquee>
</div>