Periodic/blazestar.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Attempts to fix the code scrolling

Browse Source
This commit is contained in:
Drew Haven
2026-04-21 16:41:34 -07:00
parent 609ac3e9c3
commit 65cb7bb0f8
2 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/layouts/BlogPost.astro
View File

@@ -41,48 +41,46 @@ const { slug, title, description, pubDate, updatedDate, heroImage, tags } = Astr
} }
</style> </style>
<RootLayout title={title} description={description}> <RootLayout title={title} description={description}>
<main> <NotchedBox fillNotches="left">
<NotchedBox fillNotches="left"> <article class="h-entry">
<article class="h-entry"> <div class="hero-image">
<div class="hero-image"> {heroImage && <Image width={1020} height={510} src={heroImage} alt="" />}
{heroImage && <Image width={1020} height={510} src={heroImage} alt="" />} </div>
</div> <div class="prose">
<div class="prose"> <div class="byline">
<div class="byline"> <div>
<div> <time class="dt-published">{ pubDate && <FormattedDate date={pubDate} /> }</time>
<time class="dt-published">{ pubDate && <FormattedDate date={pubDate} /> }</time> by
by <a class="p-author h-card u-url" href="https://www.blazestar.net">Periodic</a>
<a class="p-author h-card u-url" href="https://www.blazestar.net">Periodic</a> </div>
</div> <div>
<div> <a class="permalink u-url" href={`https://blazestar.net/blog/${slug}`}>Permalink</a>
<a class="permalink u-url" href={`https://blazestar.net/blog/${slug}`}>Permalink</a> </div>
</div> {
updatedDate && (
<div class="last-updated-on dt-updated">
Last updated on <FormattedDate date={updatedDate} />
</div>
)
}
</div>
<div class="title">
<h1 class="p-name">{title}</h1>
</div>
{ tags &&
<div class="tags">
{ {
updatedDate && ( tags.map(tag =>
<div class="last-updated-on dt-updated"> <a href={`/blog/tag/${tag}`} >#{tag}</a>
Last updated on <FormattedDate date={updatedDate} />
</div>
) )
} }
</div> </div>
<div class="title"> }
<h1 class="p-name">{title}</h1> <hr />
</div> <div class="e-content">
{ tags && <slot />
<div class="tags"> </div>
{ </div>
tags.map(tag => </article>
<a href={`/blog/tag/${tag}`} >#{tag}</a> </NotchedBox>
)
}
</div>
}
<hr />
<div class="e-content">
<slot />
</div>
</div>
</article>
</NotchedBox>
</main>
</RootLayout> </RootLayout>

1
src/styles/global.css
View File

@@ -176,6 +176,7 @@ code {
pre { pre {
padding: 1.5em; padding: 1.5em;
border-radius: 8px; border-radius: 8px;
overflow: scroll;
} }
pre > code { pre > code {
all: unset; all: unset;