Kyren223/github-website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2026-04-21 11:55:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed terminal border to scale nicely on mobile

Browse Source
This commit is contained in:
Kyren223
2025-01-03 15:36:45 +02:00
parent 3fd17c84be
commit 0aeaee4076
3 changed files with 24 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/blogs.astro
View File

@@ -12,15 +12,18 @@ const blogs = (await getCollection("blogs"))
date: blog.data.date,
href: "/blogs/" + blog.slug,
}));
const repeatArray = (arr, times) => Array(times).fill(arr).flat();
const repeated = repeatArray(blogs, 10);
---
<Terminal path="blogs/">
<TerminalBorder header="Shell" extra="mt-[0.625vw] mb-[1.5625vw]">
<TerminalBorder header="Shell" extra="sm:mt-[0.625vw] sm:mb-[1.5625vw]">
<p>$ ls -lah -t --color=auto ~/blogs</p>
</TerminalBorder>
<div class="max-h-[24vw] overflow-y-auto">
<div class="sm:max-h-[24vw] overflow-y-auto">
{
blogs.map((blog) => (
repeated.map((blog) => (
<>
<BlogItem
title={blog.title}