릴리스: v1.2.3 에디터 우측 편집 패널 정리
This commit is contained in:
@@ -15,6 +15,7 @@ const rightRailOpen = ref(true)
|
||||
|
||||
const isAdmin = computed(() => !!auth.user?.isAdmin)
|
||||
const isPreviewMode = computed(() => route.query.preview === '1')
|
||||
const usesLocalRightRail = computed(() => ['editEditor', 'newEditor'].includes(String(route.name || '')))
|
||||
const avatarUrl = computed(() => (auth.user?.avatarSrc ? toApiUrl(auth.user.avatarSrc) : ''))
|
||||
const accountName = computed(() => {
|
||||
const nickname = (auth.user?.nickname || '').trim()
|
||||
@@ -198,7 +199,7 @@ async function logout() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="appUserCard">
|
||||
<div v-if="auth.user" class="appUserCard">
|
||||
<button v-if="auth.user" class="appUserCard__button" type="button" @click.stop="toggleMenu">
|
||||
<img v-if="avatarUrl" :src="avatarUrl" class="appUserCard__avatar" alt="avatar" />
|
||||
<div v-else class="appUserCard__avatar appUserCard__avatar--fallback">{{ accountName[0]?.toUpperCase() || 'U' }}</div>
|
||||
@@ -207,13 +208,6 @@ async function logout() {
|
||||
<div class="appUserCard__email">{{ accountEmail }}</div>
|
||||
</div>
|
||||
</button>
|
||||
<div v-else class="appUserCard__guest" @click="$router.push('/login')">
|
||||
<div class="appUserCard__avatar appUserCard__avatar--fallback">G</div>
|
||||
<div class="appUserCard__meta">
|
||||
<div class="appUserCard__name">로그인 필요</div>
|
||||
<div class="appUserCard__email">개인 메뉴를 사용하려면 로그인하세요.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="menuOpen" class="appUserMenu">
|
||||
<button class="appUserMenu__item" type="button" @click="goProfile">프로필</button>
|
||||
<button class="appUserMenu__item" type="button" @click="logout">로그아웃</button>
|
||||
@@ -271,7 +265,12 @@ async function logout() {
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<aside class="rightRail" :class="{ 'rightRail--closed': !rightRailOpen }" :aria-hidden="!rightRailOpen">
|
||||
<aside
|
||||
v-if="!usesLocalRightRail"
|
||||
class="rightRail"
|
||||
:class="{ 'rightRail--closed': !rightRailOpen }"
|
||||
:aria-hidden="!rightRailOpen"
|
||||
>
|
||||
<div class="rightRail__top">
|
||||
<button class="ghostIcon" type="button" aria-label="상태">⌗</button>
|
||||
</div>
|
||||
@@ -409,6 +408,7 @@ async function logout() {
|
||||
.appUserCard {
|
||||
position: relative;
|
||||
margin-bottom: 14px;
|
||||
min-height: 58px;
|
||||
}
|
||||
|
||||
.appUserCard__button,
|
||||
|
||||
Reference in New Issue
Block a user