From fd8d253e1efbe027da9e41e0c4d9958a3f35518a Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 22 Oct 2023 09:43:55 +0900
Subject: [PATCH] :art:
---
packages/frontend/src/pages/settings/profile.vue | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/packages/frontend/src/pages/settings/profile.vue b/packages/frontend/src/pages/settings/profile.vue
index c44a58d04a..f3d0c12dce 100644
--- a/packages/frontend/src/pages/settings/profile.vue
+++ b/packages/frontend/src/pages/settings/profile.vue
@@ -94,7 +94,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:class="[$style.avatarDecoration, { [$style.avatarDecorationActive]: $i.avatarDecorations.some(x => x.id === avatarDecoration.id) }]"
@click="toggleDecoration(avatarDecoration)"
>
- <div :class="$style.avatarDecorationName">{{ avatarDecoration.name }}</div>
+ <div :class="$style.avatarDecorationName"><MkCondensedLine :minScale="2 / 3">{{ avatarDecoration.name }}</MkCondensedLine></div>
<MkAvatar style="width: 64px; height: 64px;" :user="$i" :decoration="avatarDecoration.url"/>
</div>
</div>
@@ -377,13 +377,17 @@ definePageMetadata({
.avatarDecoration {
cursor: pointer;
- padding: 16px 16px 24px 16px;
+ padding: 16px 16px 28px 16px;
border: solid 2px var(--divider);
border-radius: 8px;
text-align: center;
+ font-size: 90%;
+ overflow: clip;
+ contain: content;
}
.avatarDecorationActive {
+ background-color: var(--accentedBg);
border-color: var(--accent);
}
@@ -391,6 +395,6 @@ definePageMetadata({
position: relative;
z-index: 10;
font-weight: bold;
- margin-bottom: 16px;
+ margin-bottom: 20px;
}
</style>