diff options
| author | Kyren223 <Kyren223@proton.me> | 2025-01-03 18:12:46 +0200 |
|---|---|---|
| committer | Kyren223 <Kyren223@proton.me> | 2025-01-03 18:12:46 +0200 |
| commit | 17e60d0bef4b5a5e30a09e2fb4760c8434c6b7a6 (patch) | |
| tree | 2866ae8a675816e698c329f7901af6b014a20275 | |
| parent | 72300dd0bebd8fa5c0fa7b32aeb39cfb6534d3a8 (diff) | |
Fixed the cutoff border on mobile in blogs prev/next and tried to fix
scroll issue but doesn't work, fuck css ig
| -rw-r--r-- | src/layouts/Terminal.astro | 9 | ||||
| -rw-r--r-- | src/pages/blogs/[...slug].astro | 2 | ||||
| -rw-r--r-- | src/styles/terminal.css | 2 |
3 files changed, 6 insertions, 7 deletions
diff --git a/src/layouts/Terminal.astro b/src/layouts/Terminal.astro index fdccaf3..2f969f5 100644 --- a/src/layouts/Terminal.astro +++ b/src/layouts/Terminal.astro @@ -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> diff --git a/src/pages/blogs/[...slug].astro b/src/pages/blogs/[...slug].astro index 101d487..2f88fcf 100644 --- a/src/pages/blogs/[...slug].astro +++ b/src/pages/blogs/[...slug].astro @@ -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"> diff --git a/src/styles/terminal.css b/src/styles/terminal.css index 0eadd60..c108e19 100644 --- a/src/styles/terminal.css +++ b/src/styles/terminal.css @@ -23,7 +23,7 @@ html { } body { - overflow-y: scroll; + overflow-y: hidden; zoom: 1; } |