diff options
| author | Kyren223 <Kyren223@proton.me> | 2025-01-03 16:52:33 +0200 |
|---|---|---|
| committer | Kyren223 <Kyren223@proton.me> | 2025-01-03 16:52:33 +0200 |
| commit | 1bb1ebe5784a2c7686a78f8a558ff6eb9be2aa61 (patch) | |
| tree | f6e9e3ee930ce90e4ca18bfe43898ab333050c32 /src | |
| parent | 26a42509b92a7b0c4712e1496b614e2cbc3e68e2 (diff) | |
Added mobile support for projects
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Project.astro | 4 | ||||
| -rw-r--r-- | 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" |