diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2023-03-26 09:25:51 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-26 09:25:51 +0000 |
| commit | 453574644c9d8fd19b3f11adc8b24250c00ea268 (patch) | |
| tree | 35a56afd2d36ff8c7562615f3912da7c39452634 | |
| parent | New Crowdin updates (#10407) (diff) | |
| download | misskey-453574644c9d8fd19b3f11adc8b24250c00ea268.tar.gz misskey-453574644c9d8fd19b3f11adc8b24250c00ea268.tar.bz2 misskey-453574644c9d8fd19b3f11adc8b24250c00ea268.zip | |
fix: add workaround for cat ears on iOS Safari
| -rw-r--r-- | packages/frontend/src/components/global/MkPageHeader.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/packages/frontend/src/components/global/MkPageHeader.vue b/packages/frontend/src/components/global/MkPageHeader.vue index 4d968db6a3..013dc2fd6b 100644 --- a/packages/frontend/src/components/global/MkPageHeader.vue +++ b/packages/frontend/src/components/global/MkPageHeader.vue @@ -8,7 +8,9 @@ <template v-if="metadata"> <div v-if="!hideTitle" :class="$style.titleContainer" @click="top"> - <MkAvatar v-if="metadata.avatar" :class="$style.titleAvatar" :user="metadata.avatar" indicator/> + <div v-if="metadata.avatar" :class="$style.titleAvatarContainer"> + <MkAvatar :class="$style.titleAvatar" :user="metadata.avatar" indicator/> + </div> <i v-else-if="metadata.icon" :class="[$style.titleIcon, metadata.icon]"></i> <div :class="$style.title"> @@ -249,6 +251,11 @@ onUnmounted(() => { margin-left: 24px; } +.titleAvatarContainer { + overflow: hidden; + padding: 8px 0; +} + .titleAvatar { $size: 32px; display: inline-block; |