lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-03-26 06:44:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #47 from Lapikud/chore/update-schedule-page

Browse Source 
Updated the schedule page by modifying CSS + added new information to timetable
This commit is contained in:
Kerdo Käärma
2025-08-19 16:43:28 +03:00
committed by GitHub
parent de2d2a0b4d aed4bf74c0
commit 48b6dd7f77
2 changed files with 58 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/ajakava/page.tsx
View File

@@ -26,7 +26,7 @@ export default function Timetable() {
<button
key={tab}
onClick={() => setActiveTab(tab)}
className={`${vipnagorgialla.className} uppercase italic px-4 py-2 text-lg font-semibold ${
className={`${vipnagorgialla.className} cursor-pointer uppercase italic px-4 py-2 text-lg font-semibold ${
activeTab === tab
? "bg-[#00A3E0] text-white"
: "bg-[#007CAB] dark:bg-[#007CAB] text-[#EEE5E5] hover:bg-[#00A3E0] dark:hover:bg-[#007CAB]"
@@ -42,26 +42,30 @@ export default function Timetable() {
{schedule.map((item, idx) => (
<div
key={idx}
className="border-l-3 border-[#007CAB] pl-4 flex flex-row gap-12"
className="border-l-3 border-[#007CAB] pl-4 flex flex-row flex-wrap gap-5 items-stretch"
>
<div
className={` ${vipnagorgialla.className} text-[#00A3E0] text-5xl font-bold italic`}
className={`${vipnagorgialla.className} text-[#00A3E0] text-4xl font-bold italic flex-shrink-0 flex items-center justify-center`}
style={{ width: "180px", minWidth: "180px" }}
>
{item.time}
</div>
<div>
<div
className="flex-1 flex flex-col justify-center min-h-[120px]"
style={{ minWidth: "0" }}
>
<div
className={`${vipnagorgialla.className} text-4xl italic font-bold text-[#2A2C3F] dark:text-[#EEE5E5]`}
className={`${vipnagorgialla.className} text-3xl italic font-bold text-[#2A2C3F] dark:text-[#EEE5E5] text-balance`}
>
{item.title}
</div>
{item.description && (
<div className="text-2xl text-[#938BA1] dark:text-[#938BA1]">
<div className="text-2xl text-[#938BA1] dark:text-[#938BA1] text-balance">
{item.description}
</div>
)}
{item.location && (
<div className="text-2xl text-[#938BA1] dark:text-[#938BA1]">
<div className="text-2xl text-[#938BA1] dark:text-[#938BA1] text-balance">
{item.location}
</div>
)}

58
src/data/timetable.ts
View File

@@ -8,26 +8,62 @@ export type ScheduleItem = {
export const scheduleData: Record<string, ScheduleItem[]> = {
"24. oktoober": [
{
title: "League of Legends põhiturniir",
location: "Aula",
time: "-",
title: "Uksed avatakse",
location: "Registreerimine ja setup aulas",
time: "17:00",
},
{
title: "Miniturniirid",
location: "Tudengimaja",
time: "-",
title: "Põhiturniirid algavad",
location: "Aula",
time: "20:00",
},
{
title: "Miniturniiride kick-off",
location: "Tudengimaja",
time: "18:00",
},
{
title: "Fighting games turniiride algus",
location: "Tudengimaja",
time: "18:30",
},
{
title: "Uksed suletakse",
location: "Aula ja Tudengimaja",
time: "*01:00",
},
],
"25. oktoober": [
{
title: "Counter-Strike 2 põhiturniir",
location: "Aula",
time: "-",
title: "Uksed avatakse",
location: "Aula ja Tudengimaja",
time: "10:00",
},
{
title: "Miniturniirid",
title: "Miniturniirid algavad",
location: "Tudengimaja",
time: "-",
time: "11:00",
},
{
title: "Granblue turniir",
location: "Tudengimaja",
time: "11:30",
},
{
title: "Põhiturniirid algavad",
location: "Aula",
time: "12:00",
},
{
title: " Gran Turismo turniir",
location: "Tudengimaja",
time: "20:00",
},
{
title: "Uksed suletakse",
location: "Aula ja Tudengimaja",
time: "*01:00",
},
],
};