Update about page

This commit is contained in:
syuilo 2020-11-28 12:44:39 +09:00
parent fede4eeb89
commit 0281961f15
2 changed files with 43 additions and 32 deletions

View file

@ -648,6 +648,7 @@ noteFavoritesCount: "お気に入りノートの数"
pageLikesCount: "Pageにいいねした数" pageLikesCount: "Pageにいいねした数"
pageLikedCount: "Pageにいいねされた数" pageLikedCount: "Pageにいいねされた数"
reversiCount: "リバーシの対局数" reversiCount: "リバーシの対局数"
contact: "連絡先"
_aboutMisskey: _aboutMisskey:
about: "Misskeyはsyuiloによって2014年から開発されている、オープンソースのソフトウェアです。" about: "Misskeyはsyuiloによって2014年から開発されている、オープンソースのソフトウェアです。"

View file

@ -1,46 +1,55 @@
<template> <template>
<div class="mmnnbwxb"> <FormBase class="mmnnbwxb" v-if="meta">
<section class="_section info" v-if="meta"> <div class="_formItem logo">
<div class="_title"><Fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div> <img v-if="meta.logoImageUrl" :src="meta.logoImageUrl">
<div class="_content" v-if="meta.description"> <span v-else class="text">{{ instanceName }}</span>
<div v-html="meta.description"></div>
</div> </div>
<div class="_content table"> <FormGroup>
<div><b>{{ $t('administrator') }}</b><span>{{ meta.maintainerName }}</span></div> <FormKeyValueView>
<div><b></b><span>{{ meta.maintainerEmail }}</span></div> <template #key>Misskey</template>
</div> <template #value>v{{ version }}</template>
<div class="_content table"> </FormKeyValueView>
<div><b>Misskey</b><span>v{{ version }}</span></div> </FormGroup>
</div>
</section>
<div class="_section"> <FormGroup>
<div class="_content"> <FormKeyValueView>
<MkInstanceStats/> <template #key>{{ $t('administrator') }}</template>
</div> <template #value>{{ meta.maintainerName }}</template>
</div> </FormKeyValueView>
</div> <FormKeyValueView>
<template #key>{{ $t('contact') }}</template>
<template #value>{{ meta.maintainerEmail }}</template>
</FormKeyValueView>
</FormGroup>
</FormBase>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import { faInfoCircle } from '@fortawesome/free-solid-svg-icons'; import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
import { version } from '@/config'; import { version, instanceName } from '@/config';
import MkInstanceStats from '@/components/instance-stats.vue'; import FormLink from '@/components/form/link.vue';
import FormBase from '@/components/form/base.vue';
import FormGroup from '@/components/form/group.vue';
import FormKeyValueView from '@/components/form/key-value-view.vue';
import * as os from '@/os'; import * as os from '@/os';
export default defineComponent({ export default defineComponent({
components: { components: {
MkInstanceStats FormBase,
FormGroup,
FormLink,
FormKeyValueView,
}, },
data() { data() {
return { return {
INFO: { INFO: {
title: this.$t('about'), title: this.$t('instanceInfo'),
icon: faInfoCircle icon: faInfoCircle
}, },
version, version,
instanceName,
serverInfo: null, serverInfo: null,
faInfoCircle faInfoCircle
} }
@ -56,15 +65,16 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.mmnnbwxb { .mmnnbwxb {
> .info { max-width: 800px;
> .table { box-sizing: border-box;
> div { margin: 0 auto;
display: flex;
> * { > .logo {
flex: 1; text-align: center;
}
} > img {
vertical-align: bottom;
max-height: 100px;
} }
} }
} }