add: 美化标题栏
This commit is contained in:
parent
b6e672c6eb
commit
e6f5f5a051
|
@ -17,33 +17,53 @@
|
|||
<FluentSpacer/>
|
||||
|
||||
<a href="/" style="margin: auto 0 auto 0">
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
|
||||
<div class="quick-link">
|
||||
<FluentIcon Value="@(new Icons.Regular.Size16.Home())" Color="@Color.Fill"/>
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
|
||||
Style="margin-left: 0.2rem">
|
||||
首页
|
||||
</FluentLabel>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/archives" style="margin: auto 0 auto 0">
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
|
||||
<div class="quick-link">
|
||||
<FluentIcon Value="@(new Icons.Regular.Size16.Archive())" Color="@Color.Fill"/>
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
|
||||
Style="margin-left: 0.2rem">
|
||||
归档
|
||||
</FluentLabel>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/tags" style="margin: auto 0 auto 0">
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
|
||||
<div class="quick-link">
|
||||
<FluentIcon Value="@(new Icons.Regular.Size16.Tag())" Color="@Color.Fill"/>
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
|
||||
Style="margin-left: 0.2rem">
|
||||
标签
|
||||
</FluentLabel>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/about" style="margin: auto 0 auto 0">
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
|
||||
<div class="quick-link">
|
||||
<FluentIcon Value="@(new Icons.Regular.Size16.PersonInfo())" Color="@Color.Fill"/>
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
|
||||
Style="margin-left: 0.2rem">
|
||||
关于
|
||||
</FluentLabel>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/links" style="margin: auto 0 auto 0">
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
|
||||
<div class="quick-link">
|
||||
<FluentIcon Value="@(new Icons.Regular.Size16.LinkMultiple())" Color="@Color.Fill"/>
|
||||
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight"
|
||||
Style="margin-left: 0.2rem">
|
||||
友链
|
||||
</FluentLabel>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div style="width: 20px"></div>
|
||||
|
|
4
YaeBlog.Theme.FluentUI/Layout/MainLayout.razor.css
Normal file
4
YaeBlog.Theme.FluentUI/Layout/MainLayout.razor.css
Normal file
|
@ -0,0 +1,4 @@
|
|||
.quick-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
Loading…
Reference in New Issue
Block a user