diff --git a/layout/_partial/archive.ejs b/layout/_partial/archive.ejs
index 38f482e..8b6045f 100755
--- a/layout/_partial/archive.ejs
+++ b/layout/_partial/archive.ejs
@@ -31,24 +31,34 @@
<% } %>
<% page.posts.each(function(post){ %>
- <%- partial('post', {post: post}) %>
+ <%- partial('post', {post: post}) %>
<% }) %>
<% if (page.total > 1) { %>
-
+
+
+
+ <% if (page.prev != 0) { %>
+
+
+
+ <% } %>
+
+ <%= page.current%> / <%= page.total%>
+
+ <% if (page.next != 0) { %>
+
+
+
+ <% } %>
+
+
+
+
<% } %>
diff --git a/source/less/_article.less b/source/less/_article.less
index c223988..3e1ec96 100755
--- a/source/less/_article.less
+++ b/source/less/_article.less
@@ -287,6 +287,7 @@
}
}
.prev-next{
+ width: 100%;
display: flex;
justify-content: space-between;
align-content: flex-start;
@@ -330,15 +331,22 @@
}
.prev{
text-align: left;
+ margin-left: 0;
margin-right: @gap/2;
+ border-top-right-radius: @border-radius-width;
+ border-bottom-right-radius: @border-radius-width;
}
.next{
text-align: right;
margin-left: @gap/2;
+ margin-right: 0;
+ border-top-left-radius: @border-radius-width;
+ border-bottom-left-radius: @border-radius-width;
}
}
}
+
/* Tomorrow Night Eighties Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
diff --git a/source/less/_main.less b/source/less/_main.less
index 4f5c4ab..ba22c6b 100755
--- a/source/less/_main.less
+++ b/source/less/_main.less
@@ -140,7 +140,12 @@
padding-right: @gap;
width:~"calc(100% - 0 * @{gap})";
}
-
+ .auto-padding {
+ padding-left: @gap;
+ padding-right: @gap;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
}
}
@@ -261,4 +266,37 @@
padding-right: 0;
.mobile-post();
}
+
+ .prev-next{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: baseline;
+ color: fade(@theme-text-main, 50%);
+ .prev{
+ text-align: left;
+ margin-left: 0;
+ margin-right: @gap/2;
+ border-top-right-radius: 32px;
+ border-bottom-right-radius: 32px;
+ }
+ .next{
+ text-align: right;
+ margin-left: @gap/2;
+ margin-right: 0;
+ border-top-left-radius: 32px;
+ border-bottom-left-radius: 32px;
+ }
+ section{
+ color: fade(@theme-text-main, 80%);
+ padding: @gap;
+ border-radius: @border-radius-width;
+ }
+ @media(max-width:@on-phone) {
+ section{
+ border-radius: 0;
+ }
+ }
+ }
+
}