lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-08-08 17:49:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tons of small fixes

Browse Source
This commit is contained in:
Randel Mandre
2026-05-03 00:05:10 +03:00
parent aeb8f52682
commit 72c360a687
9 changed files with 544 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/Header.tsx
View File

@@ -6,7 +6,7 @@ import { Link, usePathname } from "@/i18n/routing";
import { vipnagorgialla } from "@/components/Vipnagorgialla";
// Icons
import { MdMenu } from "react-icons/md";
import { MdClose, MdMenu } from "react-icons/md";
import LanguageSwitcher from "./LanguageSwitcher";
@@ -40,8 +40,12 @@ const Header = ({ navItems }: HeaderProps) => {
const pathname = usePathname();
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
// Filter nav items for the horizontal bar (exclude kodukord)
const mainNavItems = navItems.filter((item) => item.href !== "/kodukord");
// Filter nav items for the horizontal bar (exclude kodukord and avaleht)
const mainNavItems = navItems.filter(
(item) => item.href !== "/kodukord" && item.href !== "/",
);
// Mobile dropdown should match the visual menu, without homepage
const dropdownNavItems = mainNavItems.filter((item) => item.href !== "/");
const disabledNavHrefs = new Set<NavItem["href"]>(["/messiala", "/ajakava"]);
const navIconByHref: Partial<Record<NavItem["href"], string>> = {
@@ -106,12 +110,12 @@ const Header = ({ navItems }: HeaderProps) => {
aria-current={isActive ? "page" : undefined}
aria-disabled={isActive || isDisabled ? true : undefined}
tabIndex={isActive || isDisabled ? -1 : undefined}
className={`${vipnagorgialla.className} group font-bold italic text-lg uppercase px-4 py-1.5 border-2 border-[#00A3E0] text-[#EEE5E5] transition ${
className={`${vipnagorgialla.className} group font-bold italic text-lg uppercase px-4 py-1.5 border-2 border-[#00A3E0] transition ${
isActive
? "bg-[#00A3E0] text-black cursor-default pointer-events-none"
: isDisabled
? "opacity-50 cursor-not-allowed pointer-events-none"
: "hover:bg-[#00A3E0]/20"
? "bg-[#1F5673] text-[#EEE5E5] opacity-50 cursor-not-allowed pointer-events-none"
: "bg-[#1F5673] text-[#EEE5E5] hover:bg-[#00A3E0] hover:text-black"
}`}
>
{item.label}
@@ -132,18 +136,22 @@ const Header = ({ navItems }: HeaderProps) => {
size="icon"
className="lg:hidden size-10 cursor-pointer"
>
<MdMenu className="size-10 text-[#EEE5E5]" />
{isMobileMenuOpen ? (
<MdClose className="size-10 text-[#EEE5E5]" />
) : (
<MdMenu className="size-10 text-[#EEE5E5]" />
)}
<span className="sr-only">Menu</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent
align="end"
className="lg:hidden w-64 translate-y-4 rounded-none border-3 border-[#1F5673] bg-[#0E0F19] p-0"
className="lg:hidden w-72 translate-x-2 translate-y-0 rounded-none border-3 border-[#1F5673] bg-[#0E0F19] p-0"
>
{mainNavItems.map((item, index) => {
{dropdownNavItems.map((item, index) => {
const isActive = pathname === item.href;
const isDisabled = disabledNavHrefs.has(item.href);
const hasBottomBorder = index !== mainNavItems.length - 1;
const hasBottomBorder = index !== dropdownNavItems.length - 1;
return (
<DropdownMenuItem
@@ -152,7 +160,7 @@ const Header = ({ navItems }: HeaderProps) => {
>
{isActive ? (
<span
className={`${vipnagorgialla.className} block w-full cursor-default bg-[#00A3E0] px-5 py-3 text-xl font-bold italic uppercase text-black ${
className={`${vipnagorgialla.className} block w-full cursor-default bg-[#00A3E0] px-5 py-2.5 text-xl font-bold italic uppercase text-black ${
hasBottomBorder ? "border-b-3 border-[#1F5673]" : ""
}`}
>
@@ -167,7 +175,7 @@ const Header = ({ navItems }: HeaderProps) => {
</span>
) : isDisabled ? (
<span
className={`${vipnagorgialla.className} block w-full cursor-not-allowed px-5 py-3 text-xl font-bold italic uppercase text-[#EEE5E5] opacity-50 ${
className={`${vipnagorgialla.className} block w-full cursor-not-allowed bg-[#0E0F19] px-5 py-2.5 text-xl font-bold italic uppercase text-[#8A90A0] ${
hasBottomBorder ? "border-b-3 border-[#1F5673]" : ""
}`}
>
@@ -183,7 +191,7 @@ const Header = ({ navItems }: HeaderProps) => {
) : (
<Link
href={item.href}
className={`${vipnagorgialla.className} group block w-full px-5 py-3 text-xl font-bold italic uppercase text-[#EEE5E5] transition hover:bg-[#00A3E0] hover:text-black ${
className={`${vipnagorgialla.className} group block w-full bg-[#0E0F19] px-5 py-2.5 text-xl font-bold italic uppercase text-[#EEE5E5] transition hover:bg-[#00A3E0] hover:text-black ${
hasBottomBorder ? "border-b-3 border-[#1F5673]" : ""
}`}
>

2
src/components/HeroSection.tsx
View File

@@ -35,7 +35,7 @@ export default function HeroSection() {
</div>
<Link
href="/piletid"
className={`self-center md:self-start px-6 py-3 bg-[#007CAB] hover:bg-[#00A3E0] text-[#EEE5E5] ${vipnagorgialla.className} font-bold italic text-[clamp(1rem,0.8rem+0.8vw,1.5rem)] uppercase transition`}
className={`self-center md:self-start px-6 py-3 bg-[#007CAB] hover:bg-[#00A3E0] text-black ${vipnagorgialla.className} font-bold italic text-[clamp(1rem,0.8rem+0.8vw,1.5rem)] uppercase transition`}
>
{t("hero.buyTicket")}
</Link>

6
src/components/Sponsors.tsx
View File

@@ -100,7 +100,7 @@ export default function Sponsors({
className={`flex flex-col w-full xl:h-[414px] mx-auto ${vipnagorgialla.className} font-bold italic border-[#1F5673] ${className}`}
>
{showTitle && (
<h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] text-[#2A2C3F] px-12 pt-8 pb-4">
<h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] text-[#2A2C3F] uppercase text-center px-12 pt-8 pb-4">
{t("home.sections.poweredBy")}
</h3>
)}
@@ -136,10 +136,10 @@ export default function Sponsors({
@keyframes sponsors-ticker {
from {
transform: translateX(-25%);
transform: translateX(0%);
}
to {
transform: translateX(0%);
transform: translateX(-25%);
}
}
`}</style>