릴리스: v1.2.15 공통 3단 셸 구조 고정

frontend/src/App.vue

@@ -22,7 +22,6 @@ provide('localRightRailTarget', '#local-right-rail-root')
 const isAdmin = computed(() => !!auth.user?.isAdmin)
 const isPreviewMode = computed(() => route.query.preview === '1')
 const usesLocalRightRail = computed(() => ['editEditor', 'newEditor', 'admin'].includes(String(route.name || '')))
-const usesShellRightRail = 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()
@@ -202,7 +201,6 @@ async function logout() {
     :class="{
       'appShell--preview': isPreviewMode,
       'appShell--rightClosed': !rightRailOpen,
-      'appShell--localRail': usesLocalRightRail,
     }"
   >
     <template v-if="isPreviewMode">
@@ -294,16 +292,8 @@ async function logout() {
         </section>
       </main>
 
-      <aside
-        v-if="!usesLocalRightRail || usesShellRightRail"
-        class="rightRail"
-        :class="{ 'rightRail--closed': !rightRailOpen }"
-        :aria-hidden="!rightRailOpen"
-      >
-        <template v-if="usesShellRightRail">
-          <div id="local-right-rail-root" class="localRightRailRoot"></div>
-        </template>
-        <template v-else>
+      <aside class="rightRail" :class="{ 'rightRail--closed': !rightRailOpen }" :aria-hidden="!rightRailOpen">
+        <template v-if="!usesLocalRightRail">
           <div class="rightRail__top">
             <button class="ghostIcon ghostIcon--iconOnly" type="button" aria-label="상태">
               <img :src="iconGridView" alt="" />
@@ -340,6 +330,7 @@ async function logout() {
             </button>
           </section>
         </template>
+        <div id="local-right-rail-root" class="localRightRailRoot"></div>
       </aside>
     </template>
 
@@ -371,14 +362,6 @@ async function logout() {
   display: block;
 }
 
-.appShell--localRail {
-  grid-template-columns: 248px minmax(0, 1fr);
-}
-
-.appShell--localRail.appShell--rightClosed {
-  grid-template-columns: 248px minmax(0, 1fr);
-}
-
 .leftRail,
 .rightRail {
   min-height: 100vh;
@@ -900,14 +883,6 @@ async function logout() {
     grid-template-columns: 220px minmax(0, 1fr);
   }
 
-  .appShell--localRail {
-    grid-template-columns: 220px minmax(0, 1fr);
-  }
-
-  .appShell--localRail.appShell--rightClosed {
-    grid-template-columns: 220px minmax(0, 1fr);
-  }
-
   .rightRail {
     display: none;
   }