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

48
src/components/Nav.astro
View File

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