릴리스: v1.2.3 에디터 우측 편집 패널 정리

This commit is contained in:
2026-03-30 15:11:50 +09:00
parent 14607fbbbb
commit fbd596bdd0
7 changed files with 293 additions and 293 deletions

View File

@@ -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,