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

Plenty of fixes, added missing pages.

Browse Source
This commit is contained in:
Randel Mandre
2025-04-30 13:50:45 +03:00
parent 2cd333f394
commit 06c0b5cb2c
9 changed files with 55 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Footer.tsx
View File

@@ -1,7 +1,7 @@
import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
const Footer = () => (
<div className="flex items-center justify-between h-60 px-12">
<div className="flex items-center justify-center sm:justify-between flex-col sm:flex-row h-60 px-12">
<img src="/tipilan-white.svg" alt="TipiLAN Logo" className="h-16"/>
{/* Social media */}
<div className="flex flex-row">

12
src/components/Header.tsx
View File

@@ -1,15 +1,19 @@
// Icons
import { Menu } from "lucide-react";
import { MdClose, MdMenu } from "react-icons/md";
// Fonts
import { vipnagorgialla } from "@/app/layout";
const Header = ({ toggleSidebar }: { toggleSidebar: () => void }) => (
const Header = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: () => void }) => (
<header className="h-16 flex items-center bg-[#EEE5E5] border-b-3 border-[#007CAB] justify-between px-12 text-[#2A2C3F]">
<button onClick={toggleSidebar}>
<Menu className="h-12 w-12 text-[#2A2C3F]" />
{isOpen ? (
<MdClose className="h-12 w-12 text-[#2A2C3F]" />
) : (
<MdMenu className="h-12 w-12 text-[#2A2C3F]" />
)}
</button>
<p className={`text-3xl ${vipnagorgialla.className} font-bold italic`}>ENG</p>
<p className={`text-3xl ${vipnagorgialla.className} font-bold italic hidden`}>ENG</p>
</header>
);

7
src/components/Sidebar.tsx
View File

@@ -26,13 +26,14 @@ const Sidebar = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: ()
onClick={toggleSidebar} // Close sidebar when clicking outside
></div>
<div
className={`text-5xl ${vipnagorgialla.className} font-bold italic fixed flex items-center flex-col gap-8 pt-16 top-0 left-0 h-[99vh] mt-16 -skew-x-5 border-r-3 border-[#007CAB] w-128 bg-[#EEE5E5] text-[#2A2C3F] transition-transform transform z-20`}
className={`text-5xl ${vipnagorgialla.className} font-bold italic uppercase fixed flex items-center flex-col gap-8 pt-16 top-0 left-0 h-[99vh] mt-16 -skew-x-5 border-r-3 border-[#007CAB] w-screen sm:w-128 bg-[#EEE5E5] text-[#2A2C3F] transition-transform transform z-20`}
style={{ transform: isOpen ? 'translateX(-10%) skewX(calc(5deg * -1)' : 'translateX(-150%) skewX(calc(5deg * -1)' }}
>
<Link href="/" prefetch={true} onClick={toggleSidebar}>Avaleht</Link>
<Link href="/expo" prefetch={true} onClick={toggleSidebar}>Messiala</Link>
<Link href="/tickets" prefetch={true} onClick={toggleSidebar}>Piletid</Link>
<Link href="/timetable" prefetch={true} onClick={toggleSidebar}>Ajakava</Link>
<Link href="/" prefetch={true} onClick={toggleSidebar}>Turniirid</Link>
<Link href="/" prefetch={true} onClick={toggleSidebar}>Messiala</Link>
<Link href="/tourney" prefetch={true} onClick={toggleSidebar}>Turniirid</Link>
</div>
</>
);

2
src/components/SidebarParent.tsx
View File

@@ -10,7 +10,7 @@ const SidebarParent = () => {
return (
<div className="fixed w-screen top-0 z-9999">
<Header toggleSidebar={toggleSidebar} />
<Header isOpen={isOpen} toggleSidebar={toggleSidebar} />
<Sidebar isOpen={isOpen} toggleSidebar={toggleSidebar}/>
</div>
);