fix: add workaround for cat ears on iOS Safari

This commit is contained in:
Acid Chicken (硫酸鶏) 2023-03-26 09:25:51 +00:00 committed by GitHub
parent a529b0e5a3
commit 453574644c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions

View File

@ -8,7 +8,9 @@
<template v-if="metadata"> <template v-if="metadata">
<div v-if="!hideTitle" :class="$style.titleContainer" @click="top"> <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> <i v-else-if="metadata.icon" :class="[$style.titleIcon, metadata.icon]"></i>
<div :class="$style.title"> <div :class="$style.title">
@ -249,6 +251,11 @@ onUnmounted(() => {
margin-left: 24px; margin-left: 24px;
} }
.titleAvatarContainer {
overflow: hidden;
padding: 8px 0;
}
.titleAvatar { .titleAvatar {
$size: 32px; $size: 32px;
display: inline-block; display: inline-block;