change post nav and footer style

assets/css/common/main.css

@@ -5,6 +5,7 @@
     max-width: calc(var(--main-width) + var(--gap) * 2);
     margin: auto;
     padding: var(--gap);
+    padding-bottom: 0;
 }
 /* for post page */
 .main.post {

assets/css/common/post-single.css

@@ -390,21 +390,11 @@ h6:hover .anchor {
 }
 
 .post-footer {
-    margin-top: 56px;
+    margin-top: calc(var(--content-gap) * 1.5);
-}
-
-.paginav {
-    border-radius: var(--radius);
-    background: var(--code-bg);
-    border: 1px solid var(--border);
-}
-
-.paginav a:hover {
-    background: var(--border);
 }
 
 .share-buttons {
-    margin: 14px 0;
+    margin: var(--content-gap) 0;
     padding-inline-start: var(--radius);
     display: flex;
     justify-content: center;
@@ -453,16 +443,17 @@ h6:hover .anchor {
 }
 
 .paginav {
-    margin: 10px 0;
+    margin: var(--content-gap) 0;
     display: flex;
     line-height: 30px;
     border-radius: var(--radius);
 }
 
-.paginav a {
+.paginav svg {
-    padding-inline-start: 14px;
+    width: 1em;
-    padding-inline-end: 14px;
+    height: 1em;
-    border-radius: var(--radius);
+    display: inline-block;
+    vertical-align: -0.125em;
 }
 
 .paginav .title {
@@ -477,7 +468,7 @@ h6:hover .anchor {
     width: 50%;
 }
 
-.paginav span:hover:not(.title) {
+.paginav a:hover span:not(.title) {
     box-shadow: 0 1px 0;
 }
 
@@ -519,6 +510,7 @@ h6:hover .anchor {
       11.1px 11.1px 17.7px -2.5px hsl(var(--shadow-color) / 0.11);
 }
 .disqus-container {
+    margin: calc(var(--content-gap) * 2) 0;
     background-color: var(--code-bg);
     border-radius: 10px;
     padding: 1.5em;

assets/css/core/theme-vars.css

@@ -5,7 +5,7 @@
     --main-width: 720px;
     --post-width: 800px;
     --header-height: 60px;
-    --footer-height: 60px;
+    --footer-height: 80px;
     --radius: 8px;
 
     --theme: rgb(255, 255, 255);

layouts/_default/single.html

@@ -50,12 +50,12 @@
   {{- end }}
 
   <footer class="post-footer">
-    {{- if (.Param "ShowPostNavLinks") }}
-    {{- partial "post_nav_links.html" . }}
-    {{- end }}
     {{- if (and site.Params.ShowShareButtons (ne .Params.disableShare true)) }}
     {{- partial "share_icons.html" . -}}
     {{- end }}
+    {{- if (.Param "ShowPostNavLinks") }}
+    {{- partial "post_nav_links.html" . }}
+    {{- end }}
   </footer>
 
   {{- if (.Param "comments") }}

layouts/partials/post_nav_links.html

@@ -3,14 +3,19 @@
 <nav class="paginav">
   {{- with $pages.Next . }}
   <a class="prev" href="{{ .Permalink }}">
-    <span class="title">« {{ i18n "prev_page" }}</span>
+    <span class="title">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left" style="user-select: text;"><line x1="19" y1="12" x2="5" y2="12" style="user-select: text;"></line><polyline points="12 19 5 12 12 5" style="user-select: text;"></polyline></svg>&nbsp;
+      {{- i18n "prev_page" }}</span>
     <br>
     <span>{{- .Name -}}</span>
   </a>
   {{- end }}
   {{- with $pages.Prev . }}
   <a class="next" href="{{ .Permalink }}">
-    <span class="title">{{ i18n "next_page" }} »</span>
+    <span class="title">
+      {{- i18n "next_page" -}}
+      &nbsp;<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right" style="user-select: text;"><line x1="5" y1="12" x2="19" y2="12" style="user-select: text;"></line><polyline points="12 5 19 12 12 19" style="user-select: text;"></polyline></svg>
+    </span>
     <br>
     <span>{{- .Name -}}</span>
   </a>