릴리스: v1.2.23 셸 하단 액션과 홈 카드 정리

frontend/src/App.vue

@@ -305,11 +305,11 @@ watch(
           <div v-else class="favoriteEmpty">아직 즐겨찾기한 티어표가 없어요.</div>
         </div>
 
-        <div class="leftRail__bottom">
+        </div>
+        <div class="leftRail__bottom railFooter">
           <RouterLink v-if="isAdmin" to="/admin" class="adminButton">관리자 메뉴</RouterLink>
           <RouterLink v-else-if="!auth.user" to="/login" class="adminButton">로그인</RouterLink>
         </div>
-        </div>
       </aside>
 
       <main class="appMain">
@@ -338,14 +338,16 @@ watch(
           </button>
         </div>
         <div class="rightRail__body">
-        <template v-if="!usesLocalRightRail">
-          <section class="rightRailAction">
-            <button class="rightRailAction__button" type="button" @click="routeMeta.action">
-              {{ routeMeta.actionLabel }}
-            </button>
-          </section>
-        </template>
-        <div id="local-right-rail-root" class="localRightRailRoot"></div>
+          <div id="local-right-rail-root" class="localRightRailRoot"></div>
+        </div>
+        <div class="rightRail__bottom railFooter">
+          <template v-if="!usesLocalRightRail">
+            <section class="rightRailAction">
+              <button class="rightRailAction__button" type="button" @click="routeMeta.action">
+                {{ routeMeta.actionLabel }}
+              </button>
+            </section>
+          </template>
         </div>
       </aside>
     </template>
@@ -420,6 +422,16 @@ watch(
   box-sizing: border-box;
 }
 
+.railFooter {
+  height: 56px;
+  min-height: 56px;
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  box-sizing: border-box;
+}
+
 .leftRail__top,
 .rightRail__top {
   gap: 12px;
@@ -439,6 +451,7 @@ watch(
   min-height: 0;
   padding: 14px 12px;
   box-sizing: border-box;
+  overflow: auto;
 }
 
 .ghostIcon {
@@ -773,8 +786,7 @@ watch(
 }
 
 .leftRail__bottom {
-  margin-top: auto;
-  padding-top: 20px;
+  justify-content: stretch;
 }
 
 .adminButton {
@@ -870,6 +882,7 @@ watch(
 
 .rightRailAction {
   display: grid;
+  width: 100%;
 }
 
 .rightRailAction__button {

frontend/src/views/GameHubView.vue

@@ -81,9 +81,6 @@ function submitSearch() {
       <h2 class="dashboardHero__title">{{ gameName || gameId }}</h2>
       <p class="dashboardHero__desc">이 게임의 공개 티어표를 탐색하고, 바로 새 보드를 만들어 같은 흐름으로 이어갈 수 있어요.</p>
     </div>
-    <div class="dashboardHero__right">
-      <button class="primary" @click="createNew">{{ auth.user ? '새로운 티어표 만들기' : '로그인 후 새 티어표 만들기' }}</button>
-    </div>
   </section>
 
   <div v-if="error" class="error">{{ error }}</div>
@@ -141,12 +138,6 @@ function submitSearch() {
   display: grid;
   gap: 8px;
 }
-.dashboardHero__right {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  flex-wrap: wrap;
-}
 .dashboardHero__eyebrow {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.42);
@@ -164,22 +155,6 @@ function submitSearch() {
   color: rgba(255, 255, 255, 0.58);
   max-width: 720px;
 }
-.primary {
-  padding: 12px 16px;
-  border-radius: 14px;
-  border: 1px solid rgba(77, 127, 233, 0.96);
-  background: rgba(77, 127, 233, 0.88);
-  color: #fff;
-  cursor: pointer;
-  font-weight: 800;
-  transition:
-    transform 0.16s ease,
-    background 0.16s ease,
-    border-color 0.16s ease;
-}
-.primary:hover {
-  transform: translateY(-1px);
-}
 .panel {
   /* border: 1px solid rgba(255, 255, 255, 0.08); */
   background: transparent;
@@ -359,12 +334,6 @@ function submitSearch() {
   }
 }
 @media (max-width: 720px) {
-  .dashboardHero__right {
-    width: 100%;
-  }
-  .primary {
-    width: 100%;
-  }
   .list {
     grid-template-columns: 1fr;
   }

frontend/src/views/HomeView.vue

@@ -103,7 +103,7 @@ function thumbUrl(g) {
 }
 .libraryGrid {
   display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 18px;
 }
 .error {
@@ -176,6 +176,11 @@ function thumbUrl(g) {
   border-radius: 3px;
   background: rgba(255, 255, 255, 0.9);
 }
+@media (max-width: 1400px) {
+  .libraryGrid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
 @media (max-width: 1200px) {
   .libraryGrid {
     grid-template-columns: repeat(2, minmax(0, 1fr));