From 0aeaee4076537f5994ccf668fb5405397844be2c Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Fri, 3 Jan 2025 15:36:45 +0200
Subject: Fixed terminal border to scale nicely on mobile

---
 src/pages/blogs.astro | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'src/pages/blogs.astro')

diff --git a/src/pages/blogs.astro b/src/pages/blogs.astro
index ce10eae..45089f6 100644
--- a/src/pages/blogs.astro
+++ b/src/pages/blogs.astro
@@ -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}
-- 
cgit v1.3.1