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にいいねした数"
pageLikedCount: "Pageにいいねされた数"
reversiCount: "リバーシの対局数"
contact: "連絡先"
_aboutMisskey:
about: "Misskeyはsyuiloによって2014年から開発されている、オープンソースのソフトウェアです。"

View file

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