lapikud
/
tipilan
mirror of https://github.com/Lapikud/tipilan
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed layout issues for chrome and other browsers/systems with a bigger scrollbar

Browse Source
pull/2/head
TFT 8 months ago
parent 3df06016f9
commit 2c81c8360e
3 changed files with 9 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/app/globals.css
  2. 2
      src/app/layout.tsx
  3. 14
      src/app/page.tsx

3
src/app/globals.css
Unescape View File

@ -49,8 +49,7 @@
body { body {
font-family: "Work Sans", Arial, Helvetica, sans-serif; font-family: "Work Sans", Arial, Helvetica, sans-serif;
width: 100vw; max-width: 100vw;
height: 100vh;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }

2
src/app/layout.tsx
Unescape View File

@ -38,7 +38,7 @@ export default function RootLayout({
<meta name="description" content="TipiLAN 2025 – Eesti suurim tudengite korraldatud LAN!" /> <meta name="description" content="TipiLAN 2025 – Eesti suurim tudengite korraldatud LAN!" />
</Head> </Head>
<body <body
className={`${workSans} antialiased bg-[#EEE5E5] dark:bg-[#0E0F19]`} className={`${workSans.className} antialiased bg-[#EEE5E5] dark:bg-[#0E0F19]`}
> >
<ThemeProvider <ThemeProvider
attribute="class" attribute="class"

14
src/app/page.tsx
Unescape View File

@ -6,27 +6,27 @@ export default function Home() {
return ( return (
<div> <div>
{/* Title */} {/* Title */}
<div className="border-b-3 border-[#1F5673] flex items-center justify-between mt-18 gap-12 py-8"> <div className="border-b-3 border-[#1F5673] grid grid-cols-1 md:grid-cols-[2fr_1fr] items-center justify-between mt-18 gap-12 py-8">
<Image <Image
src="/tipilan-white.svg" src="/tipilan-white.svg"
width={850} width={850}
height={120} height={120}
alt="TipiLAN Logo" alt="TipiLAN Logo"
className="px-8 py-8 md:px-12 md:py-14 dark:hidden w-[max(300px,min(100%-6rem,850px))] h-auto" className="px-8 py-8 md:px-12 md:py-14 dark:hidden w-[max(300px,min(100%,850px))] h-auto"
/> />
<Image <Image
src="/tipilan-dark.svg" src="/tipilan-dark.svg"
width={850} width={850}
height={120} height={120}
alt="TipiLAN Logo" alt="TipiLAN Logo"
className="px-8 py-8 md:px-12 md:py-14 not-dark:hidden w-[max(300px,min(100%-6rem,850px))] h-auto" className="px-8 py-8 md:px-12 md:py-14 not-dark:hidden w-[max(300px,min(100%,850px))] h-auto2"
/> />
<div className="pr-12 hidden xl:block text-right"> <div className="pr-12 hidden md:block text-right">
<h3 className={`text-[clamp(1.75rem,1.35rem+2vw,3.75rem)] ${vipnagorgialla.className} leading-[90%] font-bold italic uppercase dark:text-[#EEE5E5] text-[#2A2C3F]`}> <h3 className={`text-[clamp(1.25rem,0.75rem+2.5vw,3.75rem)] ${vipnagorgialla.className} leading-[90%] font-bold italic uppercase dark:text-[#EEE5E5] text-[#2A2C3F]`}>
Auhinnafond Auhinnafond
</h3> </h3>
<h2 <h2
className={`text-[clamp(3.5rem,3rem+2.5vw,6rem)] ${vipnagorgialla.className} leading-[90%] font-bold italic text-[#007CAB] dark:text-[#00A3E0]`} className={`text-[clamp(2rem,1.2rem+4vw,6rem)] ${vipnagorgialla.className} leading-[90%] font-bold italic text-[#007CAB] dark:text-[#00A3E0]`}
> >
10 000€ 10 000€
</h2> </h2>
@ -50,7 +50,7 @@ export default function Home() {
<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]">event_note</span> <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]">event_note</span>
<p className="text-[clamp(0.875rem,0.75rem+0.5vw,1.25rem)] tracking-[-0.045rem] dark:group-hover:text-[#2A2C3F] group-hover:text-black"> <p className="text-[clamp(0.875rem,0.75rem+0.5vw,1.25rem)] tracking-[-0.045rem] dark:group-hover:text-[#2A2C3F] group-hover:text-black">
TipiLAN on pungil põnevatest turniiridest, TipiLAN on pungil põnevatest turniiridest,
mini-võistlustest, loengutest ja paljust muust. mini-võistlustest ja paljust muust.
</p> </p>
</div> </div>
</Link> </Link>

Write Preview
Loading…
Cancel
Save