From 1bb1ebe5784a2c7686a78f8a558ff6eb9be2aa61 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Fri, 3 Jan 2025 16:52:33 +0200
Subject: [PATCH] Added mobile support for projects

---
 src/components/Project.astro |  4 ++--
 src/pages/projects.astro     | 46 ++++++++++++++++++------------------
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/components/Project.astro b/src/components/Project.astro
index fb7d029..2279cca 100644
--- a/src/components/Project.astro
+++ b/src/components/Project.astro
@@ -12,12 +12,12 @@ interface Props {
 const { title, description, href, cd = "cd ~/projects/" } = Astro.props;
 ---
 
-<div class="flex-column">
+<div class="flex-column mt-[1vw] mx-[1vw] mb-[5vw] sm:m-0">
     <TerminalBorder>
         <span>
             <h1 class="inline-block text-[130%] text-[var(--accent)]">{title}</h1>
             <p class="inline-block text-[var(--secondary)]">{description}</p>
-            <span class="block my-[0.625vw]"><slot /></span>
+            <span class="block my-[3vw] sm:my-[0.625vw]"><slot /></span>
         </span>
     </TerminalBorder>
     <TerminalBorder header="Shell">
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 2b4c037..23cbeaa 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -4,29 +4,29 @@ import Project from "@components/Project.astro";
 ---
 
 <Terminal path="projects/">
-    <div class="w-full max-w-full">
-        <div class="grid gap-[1.25vw] grid-cols-[2fr_1fr]">
-            <div class="">
-                <Project
-                    title="Kapi"
-                    description="Minecraft Plugins Framework"
-                    href="https://github.com/KapiMC/Kapi"
-                >
-                    A complete "batteries included" framework streamlining the
-                    process of Minecraft plugin development. Enabling developers
-                    to make impressive plugins with ease!
-                </Project>
-            </div>
-            <div>
-                <Project
-                    title="???"
-                    description="???????"
-                    href="https://github.com/KapiMC/Kapi"
-                >
-                    ????????? ???? ??????? ????? ???????? ??????
-                </Project>
-            </div>
-            <div class="col-span-2 grid grid-cols-[1fr_1fr_1fr] gap-[1.25vw]">
+    <div
+        class="w-full max-h-[80svh] overflow-auto sm:overflow-visible"
+    >
+        <div class="sm:grid sm:gap-[1.25vw] sm:grid-cols-[2fr_1fr]">
+            <Project
+                title="Kapi"
+                description="Minecraft Plugins Framework"
+                href="https://github.com/KapiMC/Kapi"
+            >
+                A complete "batteries included" framework streamlining the
+                process of Minecraft plugin development. Enabling developers to
+                make impressive plugins with ease!
+            </Project>
+            <Project
+                title="???"
+                description="???????"
+                href="https://github.com/KapiMC/Kapi"
+            >
+                ????????? ???? ??????? ????? ???????? ??????
+            </Project>
+            <div
+                class="sm:col-span-2 sm:grid sm:grid-cols-[1fr_1fr_1fr] sm:gap-[1.25vw]"
+            >
                 <Project
                     title="Trident"
                     description="IntelliJ Plugin"