reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 03:32:51 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: back button position

Browse source
This commit is contained in:
radishzzz 2025-05-26 12:03:12 +01:00
parent 1318a213c7
commit 68525c8c41
2 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Widgets/BackButton.astro
View file

@ -5,7 +5,7 @@ import GoBackIcon from '@/assets/icons/go-back.svg';
<button <button
id="back-button" id="back-button"
class="hidden" class="hidden"
lg="block absolute c-secondary/40 left--10 top-1/2 aspect-square w-4.5 translate-y--1/2 transition-colors ease-out c-secondary active:scale-90! hover:c-secondary/80" lg="fixed left-[max(2.5rem,calc(50vw-37.5rem))] top-24 block aspect-square w-4.5 c-secondary/40 transition-colors ease-out hover:c-secondary/80 active:scale-90!"
aria-label="Go back" aria-label="Go back"
> >
<GoBackIcon <GoBackIcon

24
src/pages/[...posts_slug].astro
View file

@ -107,19 +107,17 @@ const { Content, headings, remarkPluginFrontmatter } = await render(post)
supportedLangs={supportedLangs} supportedLangs={supportedLangs}
> >
<article class="heti mb-12.6"> <article class="heti mb-12.6">
<div class="relative"> <!-- Go Back Button On Desktop -->
<!-- Go Back Button On Desktop --> <BackButton />
<BackButton /> <!-- Title -->
<!-- Title --> <h1 class="post-title">
<h1 class="post-title"> <span
<span transition:name={`post-${post.data.abbrlink || post.id}-${lang}`}
transition:name={`post-${post.data.abbrlink || post.id}-${lang}`} data-disable-theme-transition
data-disable-theme-transition >
> {post.data.title}
{post.data.title} </span>
</span> </h1>
</h1>
</div>
<!-- Date --> <!-- Date -->
<div <div