diff --git a/src/components/Search/Search.vue b/src/components/Search/Search.vue index 62da433..4ebf899 100644 --- a/src/components/Search/Search.vue +++ b/src/components/Search/Search.vue @@ -39,7 +39,7 @@ - + @@ -105,10 +105,6 @@ async function handleShop(item) { } store.SET_SHOW_SEARCH(false) } -async function handleActivity() { - await router.push('/activity') - store.SET_SHOW_SEARCH(false) -} const tabIdx = ref(0) function handleTab(index) { @@ -350,4 +346,51 @@ onBeforeUnmount(() => { height: 120px; z-index: 52; } +@media (min-aspect-ratio: 1/1) { + .search-content { + top: 87px; + right: 125px; + bottom: 87px; + left: 125px; + padding: 100px 670px 0 0; + .top { + position: absolute; + top: 10px; + right: 10px; + bottom: 10px; + width: 660px; + height: auto; + margin: 0; + padding-left: 0; + flex-direction: column; + .facs { + width: auto; + flex: 1; + padding-top: 90px; + padding: 90px 54px; + .facility-list { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + } + .keyboard-wrapper { + flex: 0 0 456px; + } + } + } + .bar { + top: 32px; + width: 698px; + left: 0; + right: 0; + margin: auto; + } + .search-btn { + left: auto; + bottom: auto; + right: 145px; + top: 107px; + width: 87px; + height: 87px; + } +} diff --git a/src/components/SearchResultList/SearchResultList.vue b/src/components/SearchResultList/SearchResultList.vue index 2863f87..1f6c541 100644 --- a/src/components/SearchResultList/SearchResultList.vue +++ b/src/components/SearchResultList/SearchResultList.vue @@ -7,53 +7,19 @@ -