Added mobile support for actual blogs

This commit is contained in:
2025-01-03 16:15:52 +02:00
parent 8cf740af64
commit da9d30e161
2 changed files with 2 additions and 4 deletions

View File

@@ -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}

View File

@@ -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