t510599/2021
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Style] Contribution button in nav of news

Browse Source
This commit is contained in:
Tony Yang 2021-01-30 09:48:21 +08:00
parent f59f767a46
commit d464b744b0
Signed by: t510599
GPG Key ID: D88388851C28715D
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/assets/scss/news/header.scss
View File

@ -391,6 +391,16 @@ $fontFamily: Noto Sans TC, monospace;
outline: none; 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 { .nav-control-button {

2
src/components/news/Header.vue
View File

@ -56,7 +56,7 @@
<a class="news-nav-item" href="#methods">投稿方式</a> <a class="news-nav-item" href="#methods">投稿方式</a>
<a class="news-nav-item" href="#review">審稿方式</a> <a class="news-nav-item" href="#review">審稿方式</a>
<a class="news-nav-item" href="#precautions">投稿注意事項</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> <button class="news-nav-button" @click="(e)=>navVisible=!navVisible">&#9650;</button>
</div> </div>
</nav> </nav>