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

Fix display

master
Gilang R 2024-10-17 13:06:45 +09:00
parent adf6e9e8b3
commit 14cf3181ae
Signed by: sinyo1015
GPG Key ID: D40305586B71891C
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -145,7 +145,7 @@ export function Index() {
setDate(_date); setDate(_date);
}, 1000); }, 1000);
setGrouppedSchedules(groupDepartureDatetimes(data.schedules, 5)); setGrouppedSchedules(groupDepartureDatetimes(data.schedules, 6));
}, []); }, []);
useEffect(() => { useEffect(() => {
@ -157,8 +157,8 @@ export function Index() {
}, [grouppedSchedules]); }, [grouppedSchedules]);
return ( return (
<div className="p-4" style={{ backgroundImage: `url(${bgImage})` }}> <div className="h-screen" style={{ backgroundImage: `url(${bgImage})` }}>
<div className="grid grid-cols-12 gap-8"> <div className="p-4 grid grid-cols-12 gap-8" style={{height: "85%"}}>
<div className="col-span-8"> <div className="col-span-8">
<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"> <h3 className="text-4xl font-bold text-gray-800 text-center">
@ -283,7 +283,7 @@ export function Index() {
</div> </div>
</div> </div>
<div className="col-span-4"> <div className="col-span-4">
<div className="flex flex-col bg-white border shadow-sm rounded-xl p-4 md:p-5 "> <div className="flex flex-col bg-white border shadow-sm rounded-xl p-4 md:p-5 h-full">
<h3 className="text-3xl font-bold text-gray-800 text-center"> <h3 className="text-3xl font-bold text-gray-800 text-center">
{data.harbor.name} {data.harbor.name}
</h3> </h3>
@ -326,13 +326,15 @@ export function Index() {
</div> </div>
</div> </div>
</div> </div>
</div>
<div className="col-span-12 h-full">
<div className="fixed bottom-10 p-4">
<div className="border-2 rounded-md mt-4 h-12 flex"> <div className="border-2 rounded-md mt-4 h-12 flex">
<div className="w-1/12 bg-blue-400 h-full items-center justify-center 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> <h3 className="text-xl text-center text-white">INFORMASI</h3>
</div> </div>
<div className="w-11/12 whitespace-nowrap flex items-center overflow-x-hidden ml-1"> <div className="whitespace-nowrap flex items-center overflow-x-hidden ml-1">
<Marquee> <Marquee>
{data.marquee_text.map((x) => ( {data.marquee_text.map((x) => (
<h3 className="text-2xl ml-4 font-bold">{x}</h3> <h3 className="text-2xl ml-4 font-bold">{x}</h3>
@ -342,6 +344,5 @@ export function Index() {
</div> </div>
</div> </div>
</div> </div>
</div>
); );
} }