From 22220494d612b2c61f8c1203f9b44249eddc1a16 Mon Sep 17 00:00:00 2001
From: zenn <zenn.message@gmail.com>
Date: Wed, 1 Apr 2026 13:45:45 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A6=B4=EB=A6=AC=EC=8A=A4:=20v1.3.19=20?=
 =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=9E=90=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EC=B5=9C=EC=A0=81=ED=99=94=20=EA=B8=B0=EA=B0=84=20=EC=84=A0?=
 =?UTF-8?q?=ED=83=9D=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EB=B3=B4?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/update.md                   |  4 ++++
 frontend/src/views/AdminView.vue | 24 +++++++++++++++++++++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/docs/update.md b/docs/update.md
index 0c9a7fb..8197aa2 100644
--- a/docs/update.md
+++ b/docs/update.md
@@ -1,5 +1,9 @@
 # 업데이트 로그
 
+## 2026-04-01 v1.3.19
+- 관리자 Image Optimization 기간 선택은 연도/월을 가로로 나란히 두고, 연도를 고르기 전에는 월 셀렉트를 숨겨 비어 있는 박스처럼 보이던 상태를 없앰.
+- 전체 초기화 버튼도 실제 월이 선택된 경우에만 보이도록 정리해, 사이드바 상단 필터 줄이 더 단정하게 보이도록 보정함.
+
 ## 2026-04-01 v1.3.18
 - 커스텀 아이템 기본 이름은 파일명 전체를 그대로 쓰지 않고 확장자 제거·공백 정리·60자 제한을 먼저 적용하도록 바꿔, 템플릿 요청 전에 커스텀 업로드가 길이 제한으로 실패하던 흐름을 줄임.
 - 템플릿 요청 실패 안내는 커스텀 이미지 업로드 실패와 일반 bad request를 구분해, 사용자가 제목/설명/아이템 이름 길이 제한 문제를 더 쉽게 파악할 수 있게 보강함.
diff --git a/frontend/src/views/AdminView.vue b/frontend/src/views/AdminView.vue
index 80edfa5..d9d42a4 100644
--- a/frontend/src/views/AdminView.vue
+++ b/frontend/src/views/AdminView.vue
@@ -2145,15 +2145,15 @@ async function saveFeaturedOrder() {
         <div class="adminSidebar__label">Image Optimization</div>
         <div class="adminSidebar__group adminSidebar__group--monthPicker">
           <div class="monthPicker">
-            <select v-model="selectedImageStatsYear" class="select monthPicker__select">
+            <select v-model="selectedImageStatsYear" class="select monthPicker__select monthPicker__select--year">
               <option value="">전체 기간</option>
               <option v-for="year in imageStatsYearOptions" :key="year" :value="year">{{ year }}년</option>
             </select>
-            <select v-model="selectedImageStatsMonthNumber" class="select monthPicker__select" :disabled="!selectedImageStatsYear">
+            <select v-if="selectedImageStatsYear" v-model="selectedImageStatsMonthNumber" class="select monthPicker__select monthPicker__select--month">
               <option value="">월 선택</option>
               <option v-for="month in imageStatsMonthOptions" :key="month.value" :value="month.value">{{ month.label }}</option>
             </select>
-            <button class="btn btn--ghost btn--tiny" type="button" :disabled="!imageStatsMonth" @click="clearImageStatsMonth">전체</button>
+            <button v-if="imageStatsMonth" class="btn btn--ghost btn--tiny" type="button" @click="clearImageStatsMonth">전체</button>
           </div>
           <select v-model.number="imageStatsLimit" class="select">
             <option :value="6">최근 6건</option>
@@ -2341,6 +2341,24 @@ async function saveFeaturedOrder() {
   display: grid;
   gap: 10px;
 }
+.adminSidebar__group--monthPicker {
+  align-items: start;
+}
+.monthPicker {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.monthPicker__select {
+  min-width: 0;
+}
+.monthPicker__select--year {
+  flex: 1 1 132px;
+}
+.monthPicker__select--month {
+  flex: 1 1 108px;
+}
 .adminSidebar__actions--stack .btn {
   width: 100%;
 }