jackfiled/YaeBlog
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 美化文章界面 (#3)
All checks were successful
Build blog docker image / Build-Blog-Image (push) Successful in 3m57s
Details

Browse Source 
Reviewed-on: #3
This commit is contained in:
jackfiled
2024-07-29 22:32:26 +08:00
parent ca4f6449d3
commit a483ddc671
62 changed files with 771 additions and 388 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
YaeBlog/Layout/BlogLayout.razor
View File

@@ -3,40 +3,54 @@
@attribute [StreamRendering]
<main class="container">
<div class="row" style="height: 80px">
<div class="px-2 col-8">
<div class="row d-none d-xl-flex" style="height: 80px">
<div class="px-2 col-9">
<a href="/blog/" class="p-2">
<h4>Ricardo's Blog</h4>
</a>
</div>
<div class="col-4 d-flex justify-content-around align-items-center">
<div class="col-3 d-flex justify-content-around align-items-center">
<a href="/blog/" class="p-2">
<div class="d-inline-flex" style="text-align: center">
<Icon Name="@IconName.House" Color="@IconColor.Primary" class="px-2 d-none d-xl-block" Size="@IconSize.x5"/>
<h5>首页</h5>
</div>
<h5>首页</h5>
</a>
<a href="/blog/archives/" class="p-2">
<div class="d-inline-flex">
<Icon Name="@IconName.Archive" Color="@IconColor.Primary" class="px-2 d-none d-xl-block" Size="IconSize.x5"/>
<h5>归档</h5>
</div>
<h5>归档</h5>
</a>
<a href="/blog/tags/" class="p-2">
<div class="d-inline-flex">
<Icon Name="@IconName.Tags" Color="@IconColor.Primary" class="px-2 d-none d-xl-block" Size="@IconSize.x5"/>
<h5>标签</h5>
</div>
<h5>标签</h5>
</a>
<a href="/blog/about/" class="p-2">
<div class="d-inline-flex">
<Icon Name="@IconName.Person" Color="@IconColor.Primary" class="px-2 d-none d-xl-block" Size="@IconSize.x5"/>
<h5>关于</h5>
</div>
<h5>关于</h5>
</a>
</div>
</div>
<div class="row d-xl-none">
<div class="px-2 col-12">
<a href="/blog/" class="p-2">
<h4>Ricardo's Blog</h4>
</a>
</div>
<div class="px-2 col-12 justify-content-end d-flex">
<a href="/blog/" class="p-2">
<h5>首页</h5>
</a>
<a href="/blog/archives/" class="p-2">
<h5>归档</h5>
</a>
<a href="/blog/tags/" class="p-2">
<h5>标签</h5>
</a>
<a href="/blog/about/" class="p-2">
<h5>关于</h5>
</a>
</div>
</div>