diff --git a/src/client/pages/about-misskey.vue b/src/client/pages/about-misskey.vue index 8eadd1abc7..08821522b6 100644 --- a/src/client/pages/about-misskey.vue +++ b/src/client/pages/about-misskey.vue @@ -1,26 +1,25 @@ <template> <div class="znqjceqz"> - <portal to="icon"><fa :icon="faInfoCircle"/></portal> - <portal to="title">{{ $t('aboutMisskey') }}</portal> + <portal to="title">🍀 {{ $t('aboutMisskey') }}</portal> <section class="_card"> - <div class="_title"><fa :icon="faInfoCircle"/> {{ $t('aboutMisskey') }}</div> + <div class="_title">🍀 {{ $t('aboutMisskey') }}</div> <div class="_content"> <div style="margin-bottom: 1em;">{{ $t('aboutMisskeyText') }}</div> - <div>{{ $t('misskeyMembers') }}</div> - <span class="members"> - <a href="https://github.com/syuilo" target="_blank" class="_link">@syuilo</a> - <a href="https://github.com/AyaMorisawa" target="_blank" class="_link">@AyaMorisawa</a> - <a href="https://github.com/mei23" target="_blank" class="_link">@mei23</a> - <a href="https://github.com/acid-chicken" target="_blank" class="_link">@acid-chicken</a> - <a href="https://github.com/tamaina" target="_blank" class="_link">@tamaina</a> - <a href="https://github.com/rinsuki" target="_blank" class="_link">@rinsuki</a> - </span> - <div style="margin-top: 1em;">{{ $t('misskeySource') }}</div> + <div>🛠️ {{ $t('misskeyMembers') }}</div> + <ul class="members"> + <li><mk-link url="https://github.com/syuilo" class="at">@syuilo</mk-link></li> + <li><mk-link url="https://github.com/AyaMorisawa" class="at">@AyaMorisawa</mk-link></li> + <li><mk-link url="https://github.com/mei23" class="at">@mei23</mk-link></li> + <li><mk-link url="https://github.com/acid-chicken" class="at">@acid-chicken</mk-link></li> + <li><mk-link url="https://github.com/tamaina" class="at">@tamaina</mk-link></li> + <li><mk-link url="https://github.com/rinsuki" class="at">@rinsuki</mk-link></li> + </ul> + <div style="margin-top: 1em;">📦 {{ $t('misskeySource') }}</div> <mk-url url="https://github.com/syuilo/misskey"/> - <div style="margin-top: 1em;">{{ $t('misskeyTranslation') }}</div> + <div style="margin-top: 1em;">🌏 {{ $t('misskeyTranslation') }}</div> <mk-url url="https://crowdin.com/project/misskey"/> - <div style="margin-top: 1em;">{{ $t('misskeyDonate') }}</div> + <div style="margin-top: 1em;">💴 {{ $t('misskeyDonate') }}</div> <mk-url url="https://www.patreon.com/syuilo"/> </div> <div class="_content"> @@ -55,10 +54,15 @@ import Vue from 'vue'; import { faInfoCircle } from '@fortawesome/free-solid-svg-icons'; import { version } from '../config'; import i18n from '../i18n'; +import MkLink from '../components/link.vue'; export default Vue.extend({ i18n, + components: { + MkLink + }, + metaInfo() { return { title: this.$t('aboutMisskey') as string @@ -73,17 +77,3 @@ export default Vue.extend({ }, }); </script> - -<style lang="scss" scoped> -.znqjceqz { - > ._card { - > ._content { - > .members { - > a { - margin-right: 0.5em; - } - } - } - } -} -</style>