Added arrow icon to the read more link

2023-08-28 12:18:34 +08:00 · 2023-08-28 12:18:34 +08:00 · 4b9039d2a3
commit 4b9039d2a3
parent 90c2bfba46
5 changed files with 15 additions and 3 deletions
--- a/assets/built/screen.css
+++ b/assets/built/screen.css
--- a/assets/built/screen.css.map
+++ b/assets/built/screen.css.map
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@ -1527,6 +1527,17 @@ Search                         LOGO                    Login Subscribe
    display: block;
 }

+.gh-more a {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.gh-more svg {
+    width: 24px;
+    height: 24px;
+}
+
 /* 11.1. With sidebar */

 .gh-container.has-sidebar .gh-main {
--- a/partials/components/post-list.hbs
+++ b/partials/components/post-list.hbs
@ -109,7 +109,7 @@

        {{#match pagination.pages ">" 1}}
            <div class="gh-more is-title">
-                <a href="/page/2">See all →</a>
+                <a href="/page/2">See all {{> "icons/arrow"}}</a>
            </div>
        {{/match}}

--- a/partials/icons/arrow.hbs
+++ b/partials/icons/arrow.hbs
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg>
				`@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg>`