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

12
src/layouts/Layout.astro
View file

@ -50,26 +50,22 @@ const { title = pageTitle, author = siteConfig.defaultAuthor.name,description =
{spaEnabled && <ClientRouter fallback="animate" />} {spaEnabled && <ClientRouter fallback="animate" />}
<!--transitional animation is broken in firefox though--> <!--transitional animation is broken in firefox though-->
</head> </head>
<body> <body class="container">
<main>
{noscript && <div id="top" style="visibility: hidden">Back To Top</div>} {noscript && <div id="top" style="visibility: hidden">Back To Top</div>}
<div class="container"> <header>
<div class="terminal-path"> <div class="terminal-path">
{path} {path}
</div> </div>
<Navbar /> <Navbar />
<Search /> <Search />
</header>
<div class="content-box"> <main class="content-box">
<slot /> <slot />
</div>
</div>
</main> </main>
<footer class="footer"> <footer class="footer">
<div class="floating"> <div class="floating">
<BackToTop/> <BackToTop/>
{noscript ? <ThemeSwitcher_CSSOnly/> : <ThemeSwitcher/>} {noscript ? <ThemeSwitcher_CSSOnly/> : <ThemeSwitcher/>}
</div> </div>
<div class="container"> <div class="container">

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

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

2
src/styles/global.css
View file

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