lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-03-23 21:34: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";
const Footer = () => (
<div className="flex flex-col justify-center sm:justify-between px-12 py-16 gap-8">
<div className="flex items-center justify-center sm:justify-between">
<div className="flex flex-col gap-4 items-center">
<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 md:items-center gap-8 md:gap-0 justify-between flex-col md:flex-row">
<div className="flex flex-col items-start md:items-center">
<Image
src="/tipilan-white.svg"
width={300}
height={50}
width={250}
height={36}
alt="TipiLAN Logo"
className="h-9 ml-3 dark:hidden"
className="h-9 dark:hidden"
/>
<Image
src="/tipilan-dark.svg"
width={300}
height={50}
width={250}
height={36}
alt="TipiLAN Logo"
className="h-9 ml-3 not-dark:hidden"
className="h-9 not-dark:hidden"
/>
</div>
{/* Social media */}
@@ -28,7 +28,7 @@ const Footer = () => (
<a
href="https://discord.gg/eB7sVqgJ9b"
target="_blank"
className="mx-4"
className="mx-4 ml-0 md:ml-4"
rel="noopener noreferrer"
>
<SiDiscord
@@ -63,7 +63,7 @@ const Footer = () => (
</a>
</div>
</div>
<div className="flex flex-col gap-4 ml-9">
<div className="flex flex-col">
<h2
className={`text-3xl sm:text-4xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 mb-4`}
>