yv1ing/MollyBlog
1
0
Fork 0
mirror of https://github.com/yv1ing/MollyBlog.git synced 2025-09-16 14:53:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fixed some bugs in post toc

Browse Source
This commit is contained in:
yvling
2024-12-20 00:59:02 +08:00
parent a86367acf3
commit 37650c5d27
2 changed files with 40 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
templates/default/assets/css/post.css
View File

@@ -81,6 +81,7 @@ tr, th, td {
}
#toc-box-area {
width: 250px;
position: fixed;
top: 4rem;
left: 30px;
@@ -101,6 +102,41 @@ tr, th, td {
color: var(--primary-color);
}
#toc-box {
max-height: 500px;
overflow-y: scroll;
}
#toc-box li {
list-style: none;
}
#toc-box .li-1 {
font-size: 16px;
padding-left: 0;
}
#toc-box .li-2 {
font-size: 15px;
padding-left: 10px;
}
#toc-box .li-3 {
font-size: 14px;
padding-left: 20px;
}
#toc-box .li-4 {
font-size: 13px;
padding-left: 30px;
}
#toc-box .li-5 {
font-size: 12px;
padding-left: 40px;
}
#toc-box .li-6 {
font-size: 11px;
padding-left: 50px;
}

8
templates/default/html/post.html
View File

@@ -22,7 +22,7 @@
<!-- menu -->
<div class="container p-3">
<div class="row pt-lg-3">
<div class="col-12 col-md-9 mx-auto post-menu">
<div class="col-12 col-lg-8 mx-auto post-menu">
{{ range $i, $v := .menu.Items }}
<i class="{{ $v.Icon }} m-icon"></i>
<a class="main-menu-link" href="{{ $v.Url }}"> {{ $v.Name }} </a>
@@ -32,7 +32,7 @@
</div>
<!-- toc area -->
<div class="d-none d-lg-block" id="toc-box-area">
<div class="row d-none d-xl-block" id="toc-box-area">
<div id="toc-title">
<h5>{{ .status.toc_title }}</h5>
<hr/>
@@ -58,7 +58,7 @@
{{ if .status.success }}
<div class="container p-3">
<div class="row pt-lg-3">
<div class="col-12 col-md-9 post-info mx-auto">
<div class="col-12 col-lg-8 post-info mx-auto">
<h2 class="post-title">{{ .post.title }}</h2>
<div>
<span class="post-info-wrap">
@@ -96,7 +96,7 @@
</div>
</div>
<div class="row pt-5">
<div class="col-12 col-md-9 post-content mx-auto" id="post-content">
<div class="col-12 col-lg-8 post-content mx-auto" id="post-content">
{{ .post.content }}
</div>
</div>