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
Split 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 {
font-family: "Work Sans", Arial, Helvetica, sans-serif;
width: 100vw;
height: 100vh;
max-width: 100vw;
padding: 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!" />
</Head>
<body
className={`${workSans} antialiased bg-[#EEE5E5] dark:bg-[#0E0F19]`}
className={`${workSans.className} antialiased bg-[#EEE5E5] dark:bg-[#0E0F19]`}
>
<ThemeProvider
attribute="class"

14
src/app/page.tsx
Unescape View File

@ -6,27 +6,27 @@ export default function Home() {
return (
<div>
{/* 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
src="/tipilan-white.svg"
width={850}
height={120}
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
src="/tipilan-dark.svg"
width={850}
height={120}
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">
<h3 className={`text-[clamp(1.75rem,1.35rem+2vw,3.75rem)] ${vipnagorgialla.className} leading-[90%] font-bold italic uppercase dark:text-[#EEE5E5] text-[#2A2C3F]`}>
<div className="pr-12 hidden md:block text-right">
<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
</h3>
<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€
</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>
<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,
mini-võistlustest, loengutest ja paljust muust.
mini-võistlustest ja paljust muust.
</p>
</div>
</Link>

Write Preview
Loading…
Cancel
Save