ld/ld-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove flex layout on nav bar.

Browse Source
This commit is contained in:
liding 2024-06-15 17:46:14 +08:00
parent cb7ce1361d
commit b39c3499c3
1 changed files with 19 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/Nav.astro
View File

@ -1,48 +1,34 @@
---
---
<div class="nav" id="nav">
<span class="nav-item site-title" id="site-title">
<a class="nav-link" href="/">李守中</a>
</span>
<span class="nav-item" id="category">
<ul class="nav-list">
<li class="nav-list-item">
<a class="nav-link" href="/article/blog/">博客</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href="/article/note/">笔记</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href="/article/translation/">翻译</a>
</li>
</ul>
</span>
<div class="global-nav">
<span class="site-title"><a class="nav-link" href="/">李守中</a></span>
<span class="category-item">
<a class="nav-link" href="/article/blog/">博客</a>
</span>
<span class="category-item">
<a class="nav-link" href="/article/note/">笔记</a>
</span>
<span class="category-item">
<a class="nav-link" href="/article/translation/">翻译</a>
</span>
</div>
</div>
<style>
.nav {
font-size: 1em;
margin: 10px 0 0 0;
display: flex;
align-items: flex-end;
margin: 0.2em 0 0 0;
}
#site-title {
.site-title {
font-size: 1.8em;
margin: 0 20px 0 0;
padding: 0 0 2px 0;
line-height: 100%;
margin: 0 10px 0 0;
}
.nav-list {
padding: 0;
margin: 6px 0 0 0;
.category-item {
margin: 0 10px 0 0;
}
.nav-list .nav-list-item {
float: left;
list-style-type: none;
margin: 0 20px 0 0;
}
.nav-list .nav-list-item:last-child {
.global-nav:last-child {
margin: 0;
}
.nav-link {