gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

refactor: rearrange the dom structure

Browse source
This commit is contained in:
草师傅 2025-07-23 19:13:03 +08:00
parent 0f0f925dd7
commit be07b543aa
Signed by: gb
GPG key ID: 43330A030E2D6478
3 changed files with 26 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/layouts/Layout.astro
View file

@ -50,33 +50,29 @@ const { title = pageTitle, author = siteConfig.defaultAuthor.name,description =
{spaEnabled && <ClientRouter fallback="animate" />}
<!--transitional animation is broken in firefox though-->
</head>
<body>
<main>
{noscript && <div id="top" style="visibility: hidden">Back To Top</div>}
<div class="container">
<div class="terminal-path">
{path}
</div>
<Navbar />
<Search />
<div class="content-box">
<slot />
</div>
</div>
</main>
<footer class="footer">
<div class="floating">
<BackToTop/>
<body class="container">
{noscript && <div id="top" style="visibility: hidden">Back To Top</div>}
<header>
<div class="terminal-path">
{path}
</div>
<Navbar />
<Search />
</header>
<main class="content-box">
<slot />
</main>
{noscript ? <ThemeSwitcher_CSSOnly/> : <ThemeSwitcher/>}
</div>
<div class="container">
<Fragment set:html={customFooter} />
<p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a></p>
</div>
</footer>
<footer class="footer">
<div class="floating">
<BackToTop/>
{noscript ? <ThemeSwitcher_CSSOnly/> : <ThemeSwitcher/>}
</div>
<div class="container">
<Fragment set:html={customFooter} />
<p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a></p>
</div>
</footer>
{statisticsEnabled && <Statistics/>}
{ (siteConfig.neko.enabled && !noscript) &&
<>

7
src/pages/blog/[...slug].astro
View file

@ -58,8 +58,8 @@ const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || `
<div class="content">
<Content />
</div>
<div class="extra-post" style="margin-top: 2rem; border-top: 1px solid var(--border-color); padding-top: 1rem;">
</article>
<div class="extra-post" style="margin-top: 2rem; border-top: 1px solid var(--border-color); padding-top: 1rem;">
<ReplyViaEmail title={entry.data.title} email={authorInfo[0].email} />
<br>
<a href="/blog">&larr; Back to posts</a>
@ -69,8 +69,7 @@ const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || `
import "katex/dist/contrib/copy-tex.js"
</script>
}
</article>
</div>
</div>
</Layout>
<style>
p.summary {

2
src/styles/global.css
View file

@ -70,7 +70,7 @@ a:hover {
opacity: 0.8;
}
main {
body {
max-width: 1200px;
margin: 0 auto;
padding: 2rem 1rem;