Kyren223/website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2025-09-05 22:18:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added mobile support for skills

Browse Source
This commit is contained in:
Kyren223
2025-01-03 16:27:03 +02:00
parent da9d30e161
commit 26a42509b9
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/skills.astro
View File

@@ -24,25 +24,25 @@ const frameworks = ["Spigot API", "Bubbletea", "Astro"];
---
<Terminal path="skills.md">
<div class="flex">
<div class="w-[60%] flex-column items-center">
<div class="sm:flex">
<div class="sm:w-[60%] flex-column items-center">
<TerminalBorder header="Languages">
<div class="grid grid-cols-3 items-center gap-x-[0.625vw]">
<div class="grid grid-cols-3 items-center gap-x-[5vw] sm:gap-x-[0.625vw]">
{langs.map((lang) => <p>{lang}</p>)}
</div>
</TerminalBorder>
<TerminalBorder header="Frameworks" extra="my-[2.25vw]">
<div class="grid grid-cols-1 items-center gap-x-[0.625vw]">
<TerminalBorder header="Frameworks" extra="my-[5vw] sm:my-[2.25vw]">
<div class="grid grid-cols-3 sm:grid-cols-1 items-center gap-x-[5vw] sm:gap-x-[0.625vw]">
{frameworks.map((framework) => <p>{framework}</p>)}
</div>
</TerminalBorder>
<TerminalBorder header="Tools">
<div class="grid grid-cols-1 items-center gap-x-[0.625vw]">
<div class="grid grid-cols-2 sm:grid-cols-1 items-center gap-x-[5vw] sm:gap-x-[0.625vw]">
{tools.map((tool) => <p>{tool}</p>)}
</div>
</TerminalBorder>
</div>
<div class="w-[40%] pl-[1.25vw]">
<div class="sm:w-[40%] pt-[5vw] sm:pt-0 sm:pl-[1.25vw]">
<RadarChart max={max} data={data} />
</div>
</div>