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

Fix section sizes

Browse Source
This commit is contained in:
Rene Arumetsa
2026-04-30 15:56:09 +03:00
parent 74eee5a30d
commit 0b6d2ce661
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/[locale]/page.tsx
View File

@@ -22,10 +22,10 @@ export default async function Home({
</div> </div>
{/* Nav cards: Piletid + Turniirid */} {/* Nav cards: Piletid + Turniirid */}
<div className="grid grid-cols-1 md:grid-cols-2 border-b-3 border-[#1F5673]"> <div className="grid grid-cols-1 md:grid-cols-2 md:h-[260px] border-b-3 border-[#1F5673]">
<Link <Link
href="/piletid" href="/piletid"
className="px-8 md:px-12 py-8 flex flex-col gap-4 border-b-3 md:border-b-0 md:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition" className="px-8 md:px-12 py-8 flex flex-col justify-center gap-4 border-b-3 md:border-b-0 md:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
> >
<div className="flex flex-row justify-between gap-4 items-center"> <div className="flex flex-row justify-between gap-4 items-center">
<h2 <h2
@@ -49,7 +49,7 @@ export default async function Home({
<Link <Link
href="/turniirid" href="/turniirid"
className="px-8 md:px-12 py-8 flex flex-col gap-4 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition" className="px-8 md:px-12 py-8 flex flex-col justify-center gap-4 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
> >
<div className="flex flex-row justify-between gap-4 items-center"> <div className="flex flex-row justify-between gap-4 items-center">
<h2 <h2

4
src/components/HeroSection.tsx
View File

@@ -7,7 +7,7 @@ export default function HeroSection() {
const t = useTranslations("home"); const t = useTranslations("home");
return ( return (
<section className="relative overflow-hidden border-b-3 border-[#1F5673]"> <section className="relative h-[569px] overflow-hidden border-b-3 border-[#1F5673]">
{/* Background image */} {/* Background image */}
<Image <Image
src="/images/landing/main_teaser.jpg" src="/images/landing/main_teaser.jpg"
@@ -20,7 +20,7 @@ export default function HeroSection() {
<div className="absolute inset-0 bg-[#0E0F19]/75" /> <div className="absolute inset-0 bg-[#0E0F19]/75" />
{/* Content */} {/* Content */}
<div className="relative grid grid-cols-1 md:grid-cols-[3fr_2fr] items-center gap-8 px-8 py-10 md:px-12 md:py-14"> <div className="relative h-full grid grid-cols-1 md:grid-cols-[3fr_2fr] items-center gap-8 px-8 md:px-12">
{/* Left: logo + info + CTA */} {/* Left: logo + info + CTA */}
<div className="flex flex-col gap-5"> <div className="flex flex-col gap-5">
<Image <Image

4
src/components/TeaserCarousel.tsx
View File

@@ -31,7 +31,7 @@ export default function TeaserCarousel() {
return ( return (
<div className="border-b-3 border-[#1F5673]"> <div className="border-b-3 border-[#1F5673]">
{/* Card */} {/* Card */}
<div className="relative min-h-[400px] overflow-hidden"> <div className="relative h-[729px] overflow-hidden">
{/* Background image */} {/* Background image */}
<Image <Image
src={slide.image} src={slide.image}
@@ -43,7 +43,7 @@ export default function TeaserCarousel() {
<div className="absolute inset-0 bg-[#0E0F19]/70" /> <div className="absolute inset-0 bg-[#0E0F19]/70" />
{/* Content grid */} {/* Content grid */}
<div className="relative grid grid-cols-1 md:grid-cols-[1fr_1fr] min-h-[400px]"> <div className="relative grid grid-cols-1 md:grid-cols-[1fr_1fr] h-full">
{/* Left: text */} {/* Left: text */}
<div className="flex flex-col justify-between gap-4 px-8 py-8 md:px-12 md:py-10"> <div className="flex flex-col justify-between gap-4 px-8 py-8 md:px-12 md:py-10">
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">