diff options
| author | arrow2nd <44780846+arrow2nd@users.noreply.github.com> | 2023-03-05 21:59:41 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-05 21:59:41 +0900 |
| commit | 8c9c89a137ab24dd56f8bf3d51fa3d8e3c80a245 (patch) | |
| tree | 00487478c9b41ca58d432767b2e229f8f9d83071 | |
| parent | [ci skip] :art: (diff) | |
| download | misskey-8c9c89a137ab24dd56f8bf3d51fa3d8e3c80a245.tar.gz misskey-8c9c89a137ab24dd56f8bf3d51fa3d8e3c80a245.tar.bz2 misskey-8c9c89a137ab24dd56f8bf3d51fa3d8e3c80a245.zip | |
fix(frontend): ユーザーページのバッジ表示を適切に折り返すように (#10222)
* fix(frontend): ユーザーページのバッジ表示を適切に折り返すように
* Update CHANGELOG.md
| -rw-r--r-- | CHANGELOG.md | 2 | ||||
| -rw-r--r-- | packages/frontend/src/pages/user/home.vue | 5 |
2 files changed, 5 insertions, 2 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 0f252eaaf7..57cdd41e48 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,7 +5,7 @@ - ### Bugfixes -- +- ユーザーページのバッジ表示を適切に折り返すように @arrow2nd You should also include the user name that made the change. --> diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue index 441b19440c..02794175ae 100644 --- a/packages/frontend/src/pages/user/home.vue +++ b/packages/frontend/src/pages/user/home.vue @@ -352,6 +352,9 @@ onUnmounted(() => { > .roles { padding: 24px 24px 0 154px; font-size: 0.95em; + display: flex; + flex-wrap: wrap; + gap: 8px; > .role { border: solid 1px var(--color, var(--divider)); @@ -493,7 +496,7 @@ onUnmounted(() => { > .roles { padding: 16px 16px 0 16px; - text-align: center; + justify-content: center; } > .description { |