Tons of small fixes

2026-05-08 18:08:32 +00:00 · 2026-05-03 00:05:10 +03:00
parent aeb8f52682
commit 72c360a687
9 changed files with 544 additions and 85 deletions
--- a/src/app/[locale]/page.tsx
+++ b/src/app/[locale]/page.tsx
@@ -38,8 +38,14 @@ export default async function Home({
            </span>
          </div>
          <div className="flex flex-col gap-4">
-            <span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]">
-              confirmation_number
+            <span
+              className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]"
+              style={{
+                fontVariationSettings:
+                  '"FILL" 0, "wght" 700, "GRAD" 0, "opsz" 24',
+              }}
+            >
+              local_activity
            </span>
          </div>
        </Link>
@@ -60,7 +66,7 @@ export default async function Home({
          </div>
          <div className="flex flex-col gap-4">
            <span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]">
-              trophy
+              rewarded_ads
            </span>
          </div>
        </Link>
--- a/src/app/[locale]/piletid/page.tsx
+++ b/src/app/[locale]/piletid/page.tsx
@@ -51,9 +51,20 @@ function TicketCard({
          {subtitle}
        </h3>
        <p
-          className={`${vipnagorgialla.className} font-bold italic text-[clamp(2.5rem,2rem+2vw,4rem)] leading-none text-[#00A3E0] mb-4`}
+          className={`${vipnagorgialla.className} font-bold italic text-[clamp(2.5rem,2rem+2vw,4rem)] leading-none mb-4`}
        >
-          {price}
+          {Array.from(price).map((char, index) => (
+            <span
+              key={`${char}-${index}`}
+              className={
+                char === "€" || char === "+"
+                  ? "text-[#00A3E0]"
+                  : "text-[#EEE5E5]"
+              }
+            >
+              {char}
+            </span>
+          ))}
        </p>
        <ul className="flex flex-col gap-1 mb-6 grow">
          {features.map((feature, index) => (
@@ -68,7 +79,7 @@ function TicketCard({
        </ul>
        <Link href={buttonHref} target="_blank">
          <button
-            className={`px-4 py-2 bg-[#007CAB] hover:bg-[#00A3E0] text-[#EEE5E5] ${vipnagorgialla.className} font-bold italic uppercase transition`}
+            className={`px-4 py-2 bg-[#007CAB] hover:bg-[#00A3E0] text-black cursor-pointer ${vipnagorgialla.className} font-bold italic uppercase transition`}
          >
            {buttonText}
          </button>
--- a/src/app/[locale]/turniirid/cs2/page.tsx
+++ b/src/app/[locale]/turniirid/cs2/page.tsx
@@ -46,14 +46,14 @@ export default async function CS2Tournament({
              <Link
                href="https://fienta.com/et/tipilan"
                target="_blank"
-                className={`${vipnagorgialla.className} font-bold italic px-4 py-2 bg-[#007CAB] hover:bg-[#00A3E0] text-[#EEE5E5] uppercase transition`}
+                className={`${vipnagorgialla.className} font-bold italic px-4 py-3 bg-[#007CAB] hover:bg-[#00A3E0] text-black uppercase transition`}
              >
                {t("cs2page.buyTicket")}
              </Link>
              <Link
                href="https://git.edunaut.ee/slunk/TipiLAN_reeglistik_ruleset/src/branch/main/CS2%20tournament"
                target="_blank"
-                className={`${vipnagorgialla.className} font-bold italic px-4 py-2 bg-[#1F5673] hover:bg-[#007CAB] text-[#EEE5E5] uppercase transition`}
+                className={`${vipnagorgialla.className} font-bold italic text-lg uppercase px-4 py-2 border-2 border-[#00A3E0] bg-[#1F5673] text-[#EEE5E5] hover:bg-[#00A3E0] hover:text-black transition`}
              >
                {t("cs2page.viewGithub")}
              </Link>
--- a/src/app/[locale]/turniirid/lol/page.tsx
+++ b/src/app/[locale]/turniirid/lol/page.tsx
@@ -29,7 +29,7 @@ export default async function LoLTournament({

  return (
    <div className="bg-[#0E0F19] min-h-screen pt-16 md:pt-20">
-      <div className="max-w-[1920px] mx-auto px-6 md:px-12 py-8 md:py-16">
+      <div className="max-w-480 mx-auto px-6 md:px-12 py-8 md:py-16">
        <div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-16">
          {/* Main content */}
          <div>
@@ -45,7 +45,7 @@ export default async function LoLTournament({
              <Link
                href="https://fienta.com/et/tipilan"
                target="_blank"
-                className={`${vipnagorgialla.className} font-bold italic px-4 py-2 bg-[#007CAB] hover:bg-[#00A3E0] text-[#EEE5E5] uppercase transition`}
+                className={`${vipnagorgialla.className} font-bold italic px-4 py-2 bg-[#007CAB] hover:bg-[#00A3E0] text-black uppercase transition`}
              >
                {t("lolpage.buyTicket")}
              </Link>
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -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]" : ""
                      }`}
                    >
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -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>
--- a/src/components/Sponsors.tsx
+++ b/src/components/Sponsors.tsx
@@ -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>