lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-03-23 13:24:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

made the footer more visually appealing on smaller screens and adjusted a few other things

Browse Source
This commit is contained in:
TFT
2025-08-09 18:47:52 +03:00
parent cc360914c1
commit 5de5e9f22b
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Footer.tsx
View File

@@ -5,22 +5,22 @@ import Image from "next/image";
import { vipnagorgialla } from "@/components/Vipnagorgialla"; import { vipnagorgialla } from "@/components/Vipnagorgialla";
const Footer = () => ( const Footer = () => (
<div className="flex flex-col justify-center sm:justify-between px-12 py-16 gap-8"> <div className="flex flex-col justify-center sm:justify-between px-6 py-8 md:px-12 md:py-16 gap-4 md:gap-8">
<div className="flex items-center justify-center sm:justify-between"> <div className="flex md:items-center gap-8 md:gap-0 justify-between flex-col md:flex-row">
<div className="flex flex-col gap-4 items-center"> <div className="flex flex-col items-start md:items-center">
<Image <Image
src="/tipilan-white.svg" src="/tipilan-white.svg"
width={300} width={250}
height={50} height={36}
alt="TipiLAN Logo" alt="TipiLAN Logo"
className="h-9 ml-3 dark:hidden" className="h-9 dark:hidden"
/> />
<Image <Image
src="/tipilan-dark.svg" src="/tipilan-dark.svg"
width={300} width={250}
height={50} height={36}
alt="TipiLAN Logo" alt="TipiLAN Logo"
className="h-9 ml-3 not-dark:hidden" className="h-9 not-dark:hidden"
/> />
</div> </div>
{/* Social media */} {/* Social media */}
@@ -28,7 +28,7 @@ const Footer = () => (
<a <a
href="https://discord.gg/eB7sVqgJ9b" href="https://discord.gg/eB7sVqgJ9b"
target="_blank" target="_blank"
className="mx-4" className="mx-4 ml-0 md:ml-4"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<SiDiscord <SiDiscord
@@ -63,7 +63,7 @@ const Footer = () => (
</a> </a>
</div> </div>
</div> </div>
<div className="flex flex-col gap-4 ml-9"> <div className="flex flex-col">
<h2 <h2
className={`text-3xl sm:text-4xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 mb-4`} className={`text-3xl sm:text-4xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 mb-4`}
> >