sinyo1015
/
ferinesia-schedule-board
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/data/17_10_2024_TTE_BASTIONG.json
View File

@ -17,20 +17,12 @@
"schedules": [ "schedules": [
{ {
"departure_datetime": "2024-11-06 20:00:00", "departure_datetime": "2024-11-08 20:30: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",
"dock_name": "Dermaga 1", "dock_name": "Dermaga 1",
"destination": "Babang", "destination": "Babang",
"status": 1, "status": 1,
"company_code": "UKIT", "company_code": "TML",
"ship_name": "KM. UKI RAYA 05" "ship_name": "KM. TERATAI MURNI LINES"
} }
] ]
} }

14
src/pages/homepage/index.tsx
View File

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