diff --git a/src/client/components/form/link.vue b/src/client/components/form/link.vue index 01c46e851aa3c695503cad9e36a3595108c9d94d..7093f50397f51c98626abfac5f8ba52a8a1d9c7e 100644 --- a/src/client/components/form/link.vue +++ b/src/client/components/form/link.vue @@ -3,12 +3,18 @@ <a class="main _button _formPanel _formClickable" :href="to" target="_blank" v-if="external"> <span class="icon"><slot name="icon"></slot></span> <span class="text"><slot></slot></span> - <Fa :icon="faExternalLinkAlt" class="right"/> + <span class="right"> + <span class="text"><slot name="suffix"></slot></span> + <Fa :icon="faExternalLinkAlt" class="icon"/> + </span> </a> <MkA class="main _button _formPanel _formClickable" :class="{ active }" :to="to" v-else> <span class="icon"><slot name="icon"></slot></span> <span class="text"><slot></slot></span> - <Fa :icon="faChevronRight" class="right"/> + <span class="right"> + <span class="text"><slot name="suffix"></slot></span> + <Fa :icon="faChevronRight" class="icon"/> + </span> </MkA> </div> </template> @@ -84,6 +90,10 @@ export default defineComponent({ > .right { margin-left: auto; opacity: 0.7; + + > .text:not(:empty) { + margin-right: 0.75em; + } } } } diff --git a/src/client/pages/about-misskey.vue b/src/client/pages/about-misskey.vue index 7e673de0be5dd961dd090e70d7d9cf384d61f872..4e0e74bfa1d2fc7f546a290b668b9474c70fa68d 100644 --- a/src/client/pages/about-misskey.vue +++ b/src/client/pages/about-misskey.vue @@ -11,9 +11,21 @@ {{ $t('_aboutMisskey.about') }} </section> <FormGroup> - <FormLink to="https://github.com/syuilo/misskey" external><template #icon><Fa :icon="faCode"/></template>{{ $t('_aboutMisskey.source') }}</FormLink> - <FormLink to="https://crowdin.com/project/misskey" external><template #icon><Fa :icon="faLanguage"/></template>{{ $t('_aboutMisskey.translation') }}</FormLink> - <FormLink to="https://www.patreon.com/syuilo" external><template #icon><Fa :icon="faHandHoldingMedical"/></template>{{ $t('_aboutMisskey.donate') }}</FormLink> + <FormLink to="https://github.com/syuilo/misskey" external> + <template #icon><Fa :icon="faCode"/></template> + {{ $t('_aboutMisskey.source') }} + <template #suffix>GitHub</template> + </FormLink> + <FormLink to="https://crowdin.com/project/misskey" external> + <template #icon><Fa :icon="faLanguage"/></template> + {{ $t('_aboutMisskey.translation') }} + <template #suffix>Crowdin</template> + </FormLink> + <FormLink to="https://www.patreon.com/syuilo" external> + <template #icon><Fa :icon="faHandHoldingMedical"/></template> + {{ $t('_aboutMisskey.donate') }} + <template #suffix>Patreon</template> + </FormLink> </FormGroup> <FormGroup> <template #label>{{ $t('_aboutMisskey.contributors') }}</template>