🎨
This commit is contained in:
parent
1c35bf32bb
commit
2c0d72fc1b
|
@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
<MkLoading v-if="loading"/>
|
<MkLoading v-if="loading"/>
|
||||||
<template v-else-if="user">
|
<template v-else-if="user">
|
||||||
<div v-if="normalizedShowHeader" :class="$style.userHeader">
|
<div v-if="normalizedShowHeader" :class="$style.userHeader">
|
||||||
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
|
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer" :class="$style.avatarLink">
|
||||||
<MkAvatar :class="$style.avatar" :user="user"/>
|
<MkAvatar :class="$style.avatar" :user="user"/>
|
||||||
</a>
|
</a>
|
||||||
<div :class="$style.headerTitle">
|
<div :class="$style.headerTitle">
|
||||||
|
@ -87,11 +87,17 @@ misskeyApi('users/show', {
|
||||||
}
|
}
|
||||||
|
|
||||||
.userHeader {
|
.userHeader {
|
||||||
|
flex-shrink: 0;
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--margin);
|
gap: var(--margin);
|
||||||
border-bottom: 1px solid var(--divider);
|
border-bottom: 1px solid var(--divider);
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.avatarLink {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
Loading…
Reference in a new issue