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

1
src/styles/global.css
View File

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