Kyren223/website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2025-09-05 22:18:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed the cutoff border on mobile in blogs prev/next and tried to fix

Browse Source 
scroll issue but doesn't work, fuck css ig
This commit is contained in:
Kyren223
2025-01-03 18:12:46 +02:00
parent 72300dd0be
commit 17e60d0bef
3 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/layouts/Terminal.astro
View File

@@ -14,10 +14,10 @@ const { path: title } = Astro.props;
<html lang="en">
<Head title=`/home/kyren/${title}` description="My personal website" />
<body>
<main class="
w-[95vw] h-[97svh] p-[2.2svh] text-[3vw]
sm:w-[68.75vw] sm:h-[35vw] sm:p-[2.2vw] sm:text-[1.125vw] sm:border-[0.2vw] sm:border-solid
">
<main
class="w-[95vw] h-[97vh] p-[2.2svh] text-[3vw]
sm:w-[68.75vw] sm:h-[35vw] sm:p-[2.2vw] sm:text-[1.125vw] sm:border-[0.2vw] sm:border-solid"
>
<Nav path={title} />
<slot />
</main>
@@ -32,6 +32,5 @@ const { path: title } = Astro.props;
transform: translate(-50%, -50%);
background: var(--background);
font-weight: 300;
overflow: hidden;
}
</style>

2
src/pages/blogs/[...slug].astro
View File

@@ -36,7 +36,7 @@ const nextBlog = sortedBlogs[currentIndex - 1] || undefined;
<div class="markdown">
<Content components={{ a: Link }} />
</div>
<div class="px-[0.1vw] py-[0.625vw] grid grid-cols-2 gap-[1.25vw]">
<div class="mt-[-1vw] px-[0.1vw] py-[0.625vw] grid grid-cols-2 gap-[1.25vw]">
{
previousBlog ? (
<TerminalBorder header="Previous Blog">

2
src/styles/terminal.css
View File

@@ -23,7 +23,7 @@ html {
}
body {
overflow-y: scroll;
overflow-y: hidden;
zoom: 1;
}