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

---
 src/pages/blogs.astro           | 4 +---
 src/pages/blogs/[...slug].astro | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pages/blogs.astro b/src/pages/blogs.astro
index 84cca84..e0da2f9 100644
--- a/src/pages/blogs.astro
+++ b/src/pages/blogs.astro
@@ -12,8 +12,6 @@ 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/">
@@ -25,7 +23,7 @@ const repeated = repeatArray(blogs, 10);
     </TerminalBorder>
     <div class="max-h-[80svh] sm:max-h-[24vw] overflow-y-auto">
         {
-            repeated.map((blog) => (
+            blogs.map((blog) => (
                 <>
                     <BlogItem
                         title={blog.title}
diff --git a/src/pages/blogs/[...slug].astro b/src/pages/blogs/[...slug].astro
index aede849..101d487 100644
--- a/src/pages/blogs/[...slug].astro
+++ b/src/pages/blogs/[...slug].astro
@@ -24,7 +24,7 @@ const nextBlog = sortedBlogs[currentIndex - 1] || undefined;
 ---
 
 <Terminal path="blogs/">
-    <div class="w-full h-[30vw] overflow-y-auto pr-[1.25vw] border-box">
+    <div class="w-full h-[85svh] sm:h-[30vw] overflow-y-auto pr-[1.25vw] border-box">
         <div class="text-[130%] h-full">
             <div class="text-[110%]">
                 <BlogItem