Update schedule & fix typography
parent
da61c52e0c
commit
ff8787e5ad
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue