LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-08 04:22:03 +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); @include transition(background-color border-color);
&__overline { &__overline {
svg {
width: var(--article-nav_item_arrow_size);
height: var(--article-nav_item_arrow_size);
}
color: var(--article-nav_item_overline-color); color: var(--article-nav_item_overline-color);
display: flex; display: flex;
align-items: center; align-items: center;
@@ -113,3 +108,13 @@
text-align: right; 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 class={`${style.item__overline} text-style-button-regular`}>
<span <span
style="display: inline-flex;" class={`${style.icon}`}
dangerouslySetInnerHTML={{ __html: arrow_left }} dangerouslySetInnerHTML={{ __html: arrow_left }}
/> />
Previous article Previous article
@@ -31,7 +31,7 @@ function ArticleNavItem({ post, type }: ArticleNavItemProps) {
<span class={`${style.item__overline} text-style-button-regular`}> <span class={`${style.item__overline} text-style-button-regular`}>
Next article Next article
<span <span
style="display: inline-flex;" class={`${style.icon}`}
dangerouslySetInnerHTML={{ __html: arrow_right }} dangerouslySetInnerHTML={{ __html: arrow_right }}
/> />
</span> </span>