diff --git a/src/main/webapp/WEB-INF/views/game-detail.jsp b/src/main/webapp/WEB-INF/views/game-detail.jsp index 3550f61..cc8260c 100644 --- a/src/main/webapp/WEB-INF/views/game-detail.jsp +++ b/src/main/webapp/WEB-INF/views/game-detail.jsp @@ -952,6 +952,10 @@ border-color: var(--accent); box-shadow: 0 0 0 3px rgba(232, 165, 75, 0.18); } + html[data-theme="dark"] .game-comments__form textarea, + html[data-theme="dark"] .game-comments__edit-form textarea { + border-color: rgba(255, 255, 255, 0.26); + } /* ── 6축 평가 입력 그리드 ─────────────────────────────── */ .game-reviews__axes { diff --git a/src/main/webapp/WEB-INF/views/index.jsp b/src/main/webapp/WEB-INF/views/index.jsp index d5831a2..07aab8c 100644 --- a/src/main/webapp/WEB-INF/views/index.jsp +++ b/src/main/webapp/WEB-INF/views/index.jsp @@ -265,6 +265,11 @@ html[data-theme="dark"] .search-form__input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='M12 12l5 5'/%3E%3C/svg%3E"); } + html[data-theme="dark"] .search-form__input, + html[data-theme="dark"] .advanced-search__input, + html[data-theme="dark"] .advanced-search__select { + border-color: rgba(255, 255, 255, 0.26); + } .search-form__input::placeholder { color: var(--text-muted); } @@ -394,6 +399,37 @@ background: var(--card-bg); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } + .advanced-search__summary { + display: flex; + align-items: center; + gap: 0.5rem; + padding: 0.5rem 0.25rem; + min-height: 44px; + box-sizing: border-box; + list-style: none; + cursor: pointer; + font-size: 0.9375rem; + font-weight: 700; + color: var(--text-muted); + -webkit-tap-highlight-color: transparent; + } + .advanced-search__summary::-webkit-details-marker { display: none; } + .advanced-search__summary::before { + content: "▶"; + font-size: 0.65rem; + color: var(--accent); + transition: transform 0.2s ease; + } + details[open] .advanced-search__summary::before { + transform: rotate(90deg); + } + .advanced-search__summary:hover { + color: var(--text); + } + /* details 열렸을 때 form 상단 마진 */ + details[open] > form.advanced-search-form { + margin-top: 0.5rem; + } .advanced-search__row { display: flex; flex-wrap: wrap; @@ -475,6 +511,7 @@ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; + justify-content: center; } @media (min-width: 480px) { .card-grid { @@ -747,7 +784,12 @@ <% } %> -
+