From d464b744b0832c79912c33837eb43e263dd7f19b Mon Sep 17 00:00:00 2001
From: Tony Yang <t510599@gmail.com>
Date: Sat, 30 Jan 2021 09:48:21 +0800
Subject: [PATCH] [Style] Contribution button in nav of news

---
 src/assets/scss/news/header.scss | 10 ++++++++++
 src/components/news/Header.vue   |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/assets/scss/news/header.scss b/src/assets/scss/news/header.scss
index b5b9b00..083f4e5 100644
--- a/src/assets/scss/news/header.scss
+++ b/src/assets/scss/news/header.scss
@@ -391,6 +391,16 @@ $fontFamily: Noto Sans TC, monospace;
       outline: none;
     }
   }
+  &-contribute-button {
+    display: inline-block;
+    border-radius: 6px;
+    background: $mid-blue;
+    color: $white;
+    font-weight: 900;
+    padding: 0.5em 1em;
+    font-size: 1.2em;
+    margin: 1em auto;
+  }
 }
 
 .nav-control-button {
diff --git a/src/components/news/Header.vue b/src/components/news/Header.vue
index 3a7a6d8..980d0b1 100644
--- a/src/components/news/Header.vue
+++ b/src/components/news/Header.vue
@@ -56,7 +56,7 @@
           <a class="news-nav-item" href="#methods">投稿方式</a>
           <a class="news-nav-item" href="#review">審稿方式</a>
           <a class="news-nav-item" href="#precautions">投稿注意事項</a>
-          <a class="news-nav-item" href="https://forms.gle/XoXJSD2P8dL8X8s2A">我要投稿</a>
+          <a class="news-nav-contribute-button" target="_blank" rel="noopener" href="https://forms.gle/XoXJSD2P8dL8X8s2A">我要投稿</a>
           <button class="news-nav-button" @click="(e)=>navVisible=!navVisible">&#9650;</button>
         </div>
     </nav>