From 744db4b5eda84774487384fd5b4e24c9b9ec97f0 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 26 Jun 2022 16:57:12 +0900
Subject: [PATCH] chore(client): tweak ui :art:
---
packages/client/src/pages/instance-info.vue | 22 ++++++++++++---------
1 file changed, 13 insertions(+), 9 deletions(-)
diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue
index 148eab6fcd..9eddbad79b 100644
--- a/packages/client/src/pages/instance-info.vue
+++ b/packages/client/src/pages/instance-info.vue
@@ -5,19 +5,12 @@
<div v-if="tab === 'overview'" class="_formRoot">
<div class="fnfelxur">
<img :src="instance.iconUrl || instance.faviconUrl" alt="" class="icon"/>
+ <span class="name">{{ instance.name || `(${$ts.unknown})` }}</span>
</div>
<MkKeyValue :copy="host" oneline style="margin: 1em 0;">
<template #key>Host</template>
<template #value><span class="_monospace"><MkLink :url="`https://${host}`">{{ host }}</MkLink></span></template>
</MkKeyValue>
- <MkKeyValue oneline style="margin: 1em 0;">
- <template #key>Name</template>
- <template #value>{{ instance.name || `(${$ts.unknown})` }}</template>
- </MkKeyValue>
- <MkKeyValue>
- <template #key>{{ $ts.description }}</template>
- <template #value>{{ instance.description }}</template>
- </MkKeyValue>
<MkKeyValue oneline style="margin: 1em 0;">
<template #key>{{ $ts.software }}</template>
<template #value><span class="_monospace">{{ instance.softwareName || `(${$ts.unknown})` }} / {{ instance.softwareVersion || `(${$ts.unknown})` }}</span></template>
@@ -26,6 +19,10 @@
<template #key>{{ $ts.administrator }}</template>
<template #value>{{ instance.maintainerName || `(${$ts.unknown})` }} ({{ instance.maintainerEmail || `(${$ts.unknown})` }})</template>
</MkKeyValue>
+ <MkKeyValue>
+ <template #key>{{ $ts.description }}</template>
+ <template #value>{{ instance.description }}</template>
+ </MkKeyValue>
<FormSection v-if="iAmModerator">
<template #label>Moderation</template>
@@ -205,12 +202,19 @@ definePageMetadata({
<style lang="scss" scoped>
.fnfelxur {
+ display: flex;
+ align-items: center;
+
> .icon {
display: block;
- margin: 0;
+ margin: 0 16px 0 0;
height: 64px;
border-radius: 8px;
}
+
+ > .name {
+ word-break: break-all;
+ }
}
.cmhjzshl {