릴리스: v1.2.11 에디터 우측 패널 분리 보정

frontend/src/App.vue

@@ -194,7 +194,14 @@ async function logout() {
 </script>
 
 <template>
-  <div class="appShell" :class="{ 'appShell--preview': isPreviewMode, 'appShell--rightClosed': !rightRailOpen }">
+  <div
+    class="appShell"
+    :class="{
+      'appShell--preview': isPreviewMode,
+      'appShell--rightClosed': !rightRailOpen,
+      'appShell--localRail': usesLocalRightRail,
+    }"
+  >
     <template v-if="isPreviewMode">
       <main class="appMain appMain--preview">
         <RouterView />
@@ -265,7 +272,7 @@ async function logout() {
       </aside>
 
       <main class="appMain">
-        <section class="workspace">
+        <section class="workspace" :class="{ 'workspace--localRail': usesLocalRightRail }">
           <header class="workspaceHead">
             <div>
               <div class="workspaceHead__title">{{ routeMeta.title }}</div>
@@ -278,7 +285,7 @@ async function logout() {
               </button>
             </div>
           </header>
-          <div class="workspaceBody">
+          <div class="workspaceBody" :class="{ 'workspaceBody--localRail': usesLocalRightRail }">
             <RouterView />
           </div>
         </section>
@@ -356,6 +363,10 @@ async function logout() {
   display: block;
 }
 
+.appShell--localRail {
+  grid-template-columns: 248px minmax(0, 1fr);
+}
+
 .leftRail,
 .rightRail {
   min-height: 100vh;
@@ -673,6 +684,10 @@ async function logout() {
   gap: 16px;
 }
 
+.workspace--localRail {
+  gap: 12px;
+}
+
 .workspaceHead {
   display: flex;
   align-items: flex-start;
@@ -708,6 +723,15 @@ async function logout() {
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
 }
 
+.workspaceBody--localRail {
+  min-height: calc(100vh - 92px);
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
 .rightRail {
   display: grid;
   align-content: start;
@@ -860,6 +884,10 @@ async function logout() {
     grid-template-columns: 220px minmax(0, 1fr);
   }
 
+  .appShell--localRail {
+    grid-template-columns: 220px minmax(0, 1fr);
+  }
+
   .rightRail {
     display: none;
   }
@@ -881,6 +909,11 @@ async function logout() {
     border-radius: 20px;
   }
 
+  .workspaceBody--localRail {
+    padding: 0;
+    border-radius: 0;
+  }
+
   .workspaceHead__title {
     font-size: 26px;
   }

frontend/src/views/TierEditorView.vue

@@ -1037,7 +1037,7 @@ onUnmounted(() => {
 .layout {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 320px;
-  gap: 16px;
+  gap: 18px;
   align-items: start;
 }
 .error {
@@ -1349,6 +1349,7 @@ onUnmounted(() => {
   display: grid;
   align-content: start;
   gap: 14px;
+  min-width: 0;
   padding: 14px 12px;
   border-radius: 22px;
   border: 1px solid rgba(255, 255, 255, 0.08);