Added arrow icon to the read more link

This commit is contained in:
Sodbileg Gansukh 2023-08-28 12:18:34 +08:00
parent 90c2bfba46
commit 4b9039d2a3
5 changed files with 15 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1527,6 +1527,17 @@ Search LOGO Login Subscribe
display: block; display: block;
} }
.gh-more a {
display: flex;
align-items: center;
gap: 4px;
}
.gh-more svg {
width: 24px;
height: 24px;
}
/* 11.1. With sidebar */ /* 11.1. With sidebar */
.gh-container.has-sidebar .gh-main { .gh-container.has-sidebar .gh-main {

View File

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

1
partials/icons/arrow.hbs Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 259 B