릴리스: v1.2.20 패널 토글과 검색 결과 화면 정리

frontend/src/views/SearchResultsView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, onMounted, ref, watch } from 'vue'
+import { ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { api } from '../lib/api'
 import { toApiUrl } from '../lib/runtime'
@@ -12,8 +12,6 @@ const loading = ref(false)
 const error = ref('')
 const query = ref('')
 
-const normalizedQuery = computed(() => (query.value || '').trim())
-
 function fmt(ts) {
   return new Date(ts).toLocaleString(undefined, {
     year: 'numeric',
@@ -57,10 +55,6 @@ async function loadResults() {
   }
 }
 
-function submitSearch() {
-  router.push(normalizedQuery.value ? `/search?q=${encodeURIComponent(normalizedQuery.value)}` : '/search')
-}
-
 watch(
   () => route.query.q,
   async (nextQuery) => {
@@ -69,10 +63,6 @@ watch(
   },
   { immediate: true }
 )
-
-onMounted(() => {
-  query.value = typeof route.query.q === 'string' ? route.query.q : ''
-})
 </script>
 
 <template>
@@ -83,10 +73,6 @@ onMounted(() => {
         <h2 class="title">전체 티어표 검색</h2>
         <div class="desc">공개된 모든 티어표를 제목과 작성자 기준으로 찾아볼 수 있어요.</div>
       </div>
-      <!-- <form class="toolbar" @submit.prevent="submitSearch">
-        <input v-model="query" class="input" placeholder="제목 또는 작성자 검색" />
-        <button class="btn" type="submit">검색</button>
-      </form> -->
     </div>
 
     <div v-if="error" class="error">{{ error }}</div>
@@ -151,28 +137,6 @@ onMounted(() => {
   margin-top: 6px;
   color: rgba(255, 255, 255, 0.58);
 }
-.toolbar {
-  display: flex;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-.input {
-  min-width: 280px;
-  padding: 11px 13px;
-  border-radius: 14px;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(255, 255, 255, 0.05);
-  color: rgba(255, 255, 255, 0.92);
-}
-.btn {
-  padding: 11px 13px;
-  border-radius: 14px;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(255, 255, 255, 0.06);
-  color: rgba(255, 255, 255, 0.92);
-  font-weight: 800;
-  cursor: pointer;
-}
 .error {
   margin: 0 0 8px;
   padding: 10px 12px;
@@ -288,13 +252,6 @@ onMounted(() => {
   }
 }
 @media (max-width: 720px) {
-  .input {
-    min-width: 0;
-    width: 100%;
-  }
-  .toolbar {
-    width: 100%;
-  }
   .list {
     grid-template-columns: 1fr;
   }