릴리스: v1.3.77 축소 레일 티어표 만들기 버튼 추가

frontend/src/App.vue

@@ -9,6 +9,7 @@ import iconDockToRight from './assets/icons/dock_to_right.svg'
 import iconGridView from './assets/icons/grid_view.svg'
 import iconFavorite from './assets/icons/favorite.svg'
 import iconLists from './assets/icons/lists.svg'
+import iconAddNotes from './assets/icons/add_notes.svg'
 import iconSearch from './assets/icons/search.svg'
 import iconSettings from './assets/icons/settings.svg'
 import iconMenuBook from './assets/icons/menu_book.svg'
@@ -464,6 +465,15 @@ function submitGlobalSearch() {
         </div>
         <div class="leftRail__bottom">
           <RouterLink v-if="leftBottomPrimaryAction" :to="leftBottomPrimaryAction.to" class="adminButton">{{ leftBottomPrimaryAction.label }}</RouterLink>
+          <RouterLink
+            v-if="leftBottomPrimaryAction"
+            :to="leftBottomPrimaryAction.to"
+            class="leftRail__collapsedAction"
+            :title="leftBottomPrimaryAction.label"
+            :aria-label="leftBottomPrimaryAction.label"
+          >
+            <SvgIcon :src="iconAddNotes" :size="24" />
+          </RouterLink>
           <button v-if="showSettingsGuideButton" class="adminButton adminButton--icon" type="button" @click="openGuideModal()">
             <SvgIcon :src="iconMenuBook" :size="18" class="adminButton__icon" />
             <span>가이드 보기</span>
@@ -1005,10 +1015,6 @@ function submitGlobalSearch() {
   height: 28px;
 }
 
-.appShell--leftCollapsed .leftRail__bottom {
-  display: none;
-}
-
 .appShell--leftCollapsed .leftRail__content {
   display: grid;
   align-content: start;
@@ -1025,6 +1031,10 @@ function submitGlobalSearch() {
   padding-top: 12px;
 }
 
+.leftRail__collapsedAction {
+  display: none;
+}
+
 .adminButton {
   width: 100%;
   display: inline-flex;
@@ -1049,6 +1059,29 @@ function submitGlobalSearch() {
   flex: 0 0 auto;
 }
 
+.appShell--leftCollapsed .leftRail__bottom {
+  display: grid;
+  gap: 10px;
+}
+
+.appShell--leftCollapsed .leftRail__bottom .adminButton {
+  display: none;
+}
+
+.appShell--leftCollapsed .leftRail__bottom .leftRail__collapsedAction {
+  width: 100%;
+  min-height: 50px;
+  height: 50px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 14px;
+  border: 1px solid var(--theme-border-strong);
+  background: var(--theme-surface-soft);
+  color: var(--theme-text);
+  text-decoration: none;
+}
+
 .appMain {
   min-width: 0;
   min-height: 0;