lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-05-08 18:08:32 +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>
{/* 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
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">
<h2
@@ -49,7 +49,7 @@ export default async function Home({
<Link
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">
<h2

4
src/components/HeroSection.tsx
View File

@@ -7,7 +7,7 @@ export default function HeroSection() {
const t = useTranslations("home");
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 */}
<Image
src="/images/landing/main_teaser.jpg"
@@ -20,7 +20,7 @@ export default function HeroSection() {
<div className="absolute inset-0 bg-[#0E0F19]/75" />
{/* 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 */}
<div className="flex flex-col gap-5">
<Image

4
src/components/TeaserCarousel.tsx
View File

@@ -31,7 +31,7 @@ export default function TeaserCarousel() {
return (
<div className="border-b-3 border-[#1F5673]">
{/* Card */}
<div className="relative min-h-[400px] overflow-hidden">
<div className="relative h-[729px] overflow-hidden">
{/* Background image */}
<Image
src={slide.image}
@@ -43,7 +43,7 @@ export default function TeaserCarousel() {
<div className="absolute inset-0 bg-[#0E0F19]/70" />
{/* 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 */}
<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">