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

feat: changed content box border & navbar links style to make it more like a terminal

Browse source
This commit is contained in:
grassblock 2025-05-19 11:39:36 +08:00
parent 44186453a4
commit 47bcb9a158
2 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/Layout.astro
View file

@ -47,7 +47,7 @@ const { title = pageTitle, description = siteConfig.description, ogImage = "" }
</div> </div>
<nav class="nav"> <nav class="nav">
<a href="/">Home</a> <a href="/" class="home">~</a>
<a href="/blog">Blog</a> <a href="/blog">Blog</a>
{navBarItems.map((item) => <a href={item.link}>{item.text}</a>)} {navBarItems.map((item) => <a href={item.link}>{item.text}</a>)}
</nav> </nav>

9
src/styles/global.css
View file

@ -93,8 +93,7 @@ main {
} }
.content-box { .content-box {
border: 1px solid var(--border-color); border: 1px solid var(--accent-color);
border-radius: 4px;
padding: 2rem; padding: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
transition: border-color 0.3s ease; transition: border-color 0.3s ease;
@ -107,14 +106,16 @@ main {
} }
.nav a { .nav a {
font-size: 1.1rem; font-size: 1rem;
} }
.nav a::before { .nav a::before {
content: "./"; content: "./";
opacity: 0.7; opacity: 0.7;
} }
.nav a.home::before{
content: "";
}
.cursor { .cursor {
display: inline-block; display: inline-block;
width: 0.6em; width: 0.6em;