Kyren223/github-website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2025-12-28 17:04:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed the blogs page for mobile

Browse Source
This commit is contained in:
Kyren223
2025-01-03 15:43:42 +02:00
parent 0aeaee4076
commit 5e6cf18108
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/BlogItem.astro
View File

@@ -19,7 +19,7 @@ interface Props {
const { title, description, date, href, header } = Astro.props;
---
<TerminalBorder header={header} footer={formatDate(date)} extra="mb-[2vw]">
<TerminalBorder header={header} footer={formatDate(date)} extra="mb-[5vw] sm:mb-[2vw]">
<span class="cursor-pointer group block w-full">
{
href ? (

8
src/pages/blogs.astro
View File

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