feat: add open-in-new-tab icon in subtitle

Magickbase · Oct 13, 2023 · edca2ab · edca2ab
1 parent 1959c39
commit edca2ab
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/pages/roadmap/Section.module.scss b/src/pages/roadmap/Section.module.scss
@@ -72,6 +72,9 @@
   background: linear-gradient(268deg, #1d61f0 0%, #18efb1 100%);
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  svg {
+    color: #1d61f0;
+  }
 }
 
 .descriptionText {

diff --git a/src/pages/roadmap/index.page.tsx b/src/pages/roadmap/index.page.tsx
@@ -27,9 +27,9 @@ const Roadmap: NextPage = () => {
       },
       iconPosition: 'left' as const,
       subtitle: (
-        <a href="https://github.com/nervosnetwork/ckb/discussions/3827" target="_blank" rel="noopener noreferrer">
+        <StyledLink href="https://github.com/nervosnetwork/ckb/discussions/3827">
           {t('in_progress.subtitle')}
-        </a>
+        </StyledLink>
       ),
       descriptionText: t('in_progress.description'),
       descriptionLink: t('in_progress.link'),
@@ -60,9 +60,7 @@ const Roadmap: NextPage = () => {
       },
       iconPosition: 'right' as const,
       subtitle: (
-        <a href="https://github.com/nervosnetwork/ckb/discussions/3827" target="_blank" rel="noopener noreferrer">
-          {t('upcoming.subtitle')}
-        </a>
+        <StyledLink href="https://github.com/nervosnetwork/ckb/discussions/3827">{t('upcoming.subtitle')}</StyledLink>
       ),
       descriptionText: t('upcoming.description'),
       descriptionLink: t('upcoming.link'),