diff --git a/docs/update.md b/docs/update.md index 850ba61..226c1fd 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,8 @@ # 업데이트 로그 +## 2026-04-01 v1.3.26 +- 오른쪽 사이드는 실제 광고 슬롯 기준을 300x600 세로 비율로 잡고, 데스크톱 우측 레일 폭도 325px로 조정해 300px 광고가 내부 패딩과 보더를 제외한 실폭 안에 자연스럽게 들어가도록 보정함. + ## 2026-04-01 v1.3.25 - todo 문서에서는 운영 정책/배포 체크 성격 항목을 우선 제거하고, 제품/보안 후속 작업 중심으로 다시 정리함. - 관리자 게임 관리는 우측 셀렉트 박스 대신 검색 가능한 리스트와 최신순/오래된순 정렬로 바꿔, 게임 수가 많아져도 실제로 선택 가능한 구조로 개선함. diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 06c8a8a..6291b7b 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -44,7 +44,7 @@ const accountName = computed(() => { const accountEmail = computed(() => (auth.user?.email || '').trim() || '로그인 후 개인 메뉴를 사용할 수 있어요.') const shellStyle = computed(() => ({ '--left-rail-width': leftRailCollapsed.value ? '76px' : '248px', - '--right-rail-width': !isRightRailOverlay.value && rightRailOpen.value ? '320px' : '0px', + '--right-rail-width': !isRightRailOverlay.value && rightRailOpen.value ? '325px' : '0px', })) const leftNavItems = computed(() => { const items = [ @@ -436,7 +436,7 @@ function submitGlobalSearch() { .appShell { min-height: 100dvh; display: grid; - grid-template-columns: var(--left-rail-width, 248px) minmax(0, 1fr) var(--right-rail-width, 320px); + grid-template-columns: var(--left-rail-width, 248px) minmax(0, 1fr) var(--right-rail-width, 325px); background: rgba(14, 14, 14, 0.96); color: rgba(255, 255, 255, 0.92); transition: grid-template-columns 220ms ease; diff --git a/frontend/src/components/RightRailAd.vue b/frontend/src/components/RightRailAd.vue index ad88183..352e06b 100644 --- a/frontend/src/components/RightRailAd.vue +++ b/frontend/src/components/RightRailAd.vue @@ -77,11 +77,16 @@ onMounted(async () => { } .rightRailAd__frame { - min-height: 520px; + width: min(100%, 300px); + min-height: 600px; + margin: 0 auto; } .rightRailAd__slot { - width: 100%; - min-height: 520px; + display: block; + width: 300px; + max-width: 100%; + min-height: 600px; + margin: 0 auto; }