릴리스: v1.2.62 셸 배경과 템플릿 입력 스타일 정리

docs/update.md

@@ -1,5 +1,9 @@
 # 업데이트 로그
 
+## 2026-03-31 v1.2.62
+- 템플릿 요청 모달의 제목/설명 입력을 Settings 화면과 같은 어두운 입력 문법으로 맞춰 흰 배경/흰 글자처럼 보이던 문제를 정리함.
+- 앱 셸은 사이드 기본 바탕색을 중심으로 재정리하고, 중앙 바디에 배경과 좌우 보더를 줘 긴 스크롤에서도 사이드가 잘리는 듯한 인상을 줄이도록 조정함.
+
 ## 2026-03-31 v1.2.61
 - Game Library 왼쪽 검색을 전체 티어표 검색이 아니라 게임 템플릿 검색으로 바꾸고, 홈 화면에서 검색어에 맞는 게임만 필터링하도록 조정함.
 - 게임 템플릿에 사용자별 즐겨찾기 별 아이콘을 추가하고, 즐겨찾기한 게임이 관리자 고정 순서보다 우선 노출되도록 백엔드와 홈 화면을 함께 확장함.

frontend/src/App.vue

@@ -419,9 +419,7 @@ function submitGlobalSearch() {
   height: 100dvh;
   display: grid;
   grid-template-columns: var(--left-rail-width, 248px) minmax(0, 1fr) var(--right-rail-width, 320px);
-  background:
-    radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 28%),
-    linear-gradient(180deg, #1a1a1a 0%, #121212 100%);
+  background: rgba(14, 14, 14, 0.96);
   color: rgba(255, 255, 255, 0.92);
   transition: grid-template-columns 220ms ease;
 }
@@ -499,7 +497,7 @@ function submitGlobalSearch() {
 }
 
 .leftRail__body {
-  max-height: calc(100vh - 56px);
+  max-height: calc(100dvh - 56px);
 }
 
 .rightRail__body {
@@ -792,7 +790,11 @@ function submitGlobalSearch() {
 
 .appMain {
   min-width: 0;
+  min-height: 100dvh;
   box-sizing: border-box;
+  background: rgba(18, 18, 18, 0.98);
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
 }
 
 .appMain--preview {
@@ -846,22 +848,22 @@ function submitGlobalSearch() {
 
 .workspaceBody {
   min-height: 0;
-  padding: 0;
+  padding: 18px 18px 0;
   border: 0;
   border-radius: 0;
-  background: transparent;
+  background: rgba(24, 24, 24, 0.92);
   box-shadow: none;
-  margin: 18px 18px 0;
+  margin: 0;
 }
 
 .workspaceBody--localRail {
   min-height: 0;
-  padding: 0;
+  padding: 18px 18px 0;
   border: 0;
   border-radius: 0;
-  background: transparent;
+  background: rgba(24, 24, 24, 0.92);
   box-shadow: none;
-  margin: 18px 18px 0;
+  margin: 0;
 }
 
 .rightRail {
@@ -1005,10 +1007,13 @@ function submitGlobalSearch() {
 @media (max-width: 860px) {
   .appShell {
     grid-template-columns: 1fr;
+    height: auto;
+    min-height: 100dvh;
   }
 
   .leftRail {
     min-height: auto;
+    height: auto;
     border-right: 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   }
@@ -1022,6 +1027,19 @@ function submitGlobalSearch() {
     padding: 12px 14px;
   }
 
+  .appMain {
+    min-height: auto;
+    border-left: 0;
+    border-right: 0;
+  }
+
+  .workspace,
+  .workspaceBody,
+  .workspaceBody--localRail {
+    min-height: 0;
+    height: auto;
+  }
+
   .leftRail__content {
     overflow: visible;
   }