LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-07 12:57:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

implement article-nav icon padding

Browse Source
This commit is contained in:
James Fenn
2023-07-15 15:02:19 -04:00
parent 491942bf0a
commit c9bdce3f43
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/blog-post/article-nav/article-nav.module.scss
View File

@@ -50,11 +50,6 @@
@include transition(background-color border-color);
&__overline {
svg {
width: var(--article-nav_item_arrow_size);
height: var(--article-nav_item_arrow_size);
}
color: var(--article-nav_item_overline-color);
display: flex;
align-items: center;
@@ -113,3 +108,13 @@
text-align: right;
}
}
.icon {
display: inline-flex;
padding: var(--icon-size-dense-padding);
svg {
width: var(--article-nav_item_arrow_size);
height: var(--article-nav_item_arrow_size);
}
}

4
src/views/blog-post/article-nav/article-nav.tsx
View File

@@ -21,7 +21,7 @@ function ArticleNavItem({ post, type }: ArticleNavItemProps) {
? (
<span class={`${style.item__overline} text-style-button-regular`}>
<span
style="display: inline-flex;"
class={`${style.icon}`}
dangerouslySetInnerHTML={{ __html: arrow_left }}
/>
Previous article
@@ -31,7 +31,7 @@ function ArticleNavItem({ post, type }: ArticleNavItemProps) {
<span class={`${style.item__overline} text-style-button-regular`}>
Next article
<span
style="display: inline-flex;"
class={`${style.icon}`}
dangerouslySetInnerHTML={{ __html: arrow_right }}
/>
</span>