YaeBlog/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor

58 lines
1.7 KiB
Plaintext

@using YaeBlog.Core.Models
@inherits LayoutComponentBase
@inject BlogOptions BlogOptionsInstance
<FluentLayout>
<FluentHeader>
<FluentStack Orientation="@Orientation.Horizontal">
<div style="width: 50px"></div>
<a href="/">
<FluentLabel Typo="@Typography.H3" Color="@Color.Lightweight">
@BlogOptionsInstance.Author
</FluentLabel>
</a>
<FluentSpacer/>
<a href="/" style="margin: auto 0 auto 0">
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
首页
</FluentLabel>
</a>
<a href="/archives" style="margin: auto 0 auto 0">
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
归档
</FluentLabel>
</a>
<a href="/tags" style="margin: auto 0 auto 0">
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
标签
</FluentLabel>
</a>
<a href="/about" style="margin: auto 0 auto 0">
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
关于
</FluentLabel>
</a>
<a href="/links" style="margin: auto 0 auto 0">
<FluentLabel Typo="@Typography.H5" Color="@Color.Lightweight">
友链
</FluentLabel>
</a>
<div style="width: 20px"></div>
</FluentStack>
</FluentHeader>
<FluentBodyContent Style="height: 100%">
<main style="height: 100%">
@Body
</main>
</FluentBodyContent>
</FluentLayout>