From d1e151172b8e7b41e443e4ce33e2ad710aa0de55 Mon Sep 17 00:00:00 2001 From: syuilo Date: Thu, 23 Jun 2022 13:39:28 +0900 Subject: [PATCH] chore(client): tweak client design --- .../src/components/instance-card-mini.vue | 4 ++- .../client/src/components/user-card-mini.vue | 4 ++- packages/client/src/pages/user-info.vue | 36 ++++++++++++++++--- 3 files changed, 37 insertions(+), 7 deletions(-) diff --git a/packages/client/src/components/instance-card-mini.vue b/packages/client/src/components/instance-card-mini.vue index edcd576ce0..0bac6c0ad0 100644 --- a/packages/client/src/components/instance-card-mini.vue +++ b/packages/client/src/components/instance-card-mini.vue @@ -62,7 +62,9 @@ os.api('charts/instance', { host: props.instance.host, limit: 16, span: 'day' }) } > :global(.sub) { - font-size: 75%; + display: block; + width: 100%; + font-size: 80%; opacity: 0.7; line-height: $bodyInfoHieght; white-space: nowrap; diff --git a/packages/client/src/components/user-card-mini.vue b/packages/client/src/components/user-card-mini.vue index 9a286a1a83..d83e4a56f5 100644 --- a/packages/client/src/components/user-card-mini.vue +++ b/packages/client/src/components/user-card-mini.vue @@ -61,7 +61,9 @@ os.api('charts/user/notes', { userId: props.user.id, limit: 16, span: 'day' }).t } > :global(.sub) { - font-size: 75%; + display: block; + width: 100%; + font-size: 95%; opacity: 0.7; line-height: $bodyInfoHieght; white-space: nowrap; diff --git a/packages/client/src/pages/user-info.vue b/packages/client/src/pages/user-info.vue index ad11ae045b..cc187b9df3 100644 --- a/packages/client/src/pages/user-info.vue +++ b/packages/client/src/pages/user-info.vue @@ -6,6 +6,10 @@
+
+ + @{{ acct(user) }} +
@@ -17,11 +21,6 @@ {{ i18n.ts.instanceInfo }}
- - - - - @@ -264,10 +263,37 @@ definePageMetadata(computed(() => ({