
--- client/theme/tema_v2/css/component.css
+++ client/theme/tema_v2/css/component.css
... | ... | @@ -603,8 +603,8 @@ |
603 | 603 |
/* 서치 */ |
604 | 604 |
.search-bar { |
605 | 605 |
position: relative; |
606 |
- border: 2px solid var(--krds-primary-40); |
|
607 |
- border-radius: 0.8rem; |
|
606 |
+ /* border: 2px solid var(--krds-primary-40); |
|
607 |
+ border-radius: 0.8rem; */ |
|
608 | 608 |
height: 5.6rem; |
609 | 609 |
width: 100%; |
610 | 610 |
.box{ |
... | ... | @@ -626,6 +626,11 @@ |
626 | 626 |
} |
627 | 627 |
} |
628 | 628 |
} |
629 |
+.user-search-bar{ |
|
630 |
+ border: 2px solid var(--krds-primary-40); |
|
631 |
+ border-radius: 0.8rem; |
|
632 |
+ overflow: hidden; |
|
633 |
+} |
|
629 | 634 |
|
630 | 635 |
.search-input{ |
631 | 636 |
border: 0; |
--- client/views/pages/user/government/main/Main.vue
+++ client/views/pages/user/government/main/Main.vue
... | ... | @@ -22,7 +22,7 @@ |
22 | 22 |
<div class="box-out-title flex justify-between align-center"> |
23 | 23 |
|
24 | 24 |
</div> |
25 |
- <div class="search-bar text-ct" tabindex="0"> |
|
25 |
+ <div class="search-bar text-ct user-search-bar" tabindex="0"> |
|
26 | 26 |
<div class="box"> |
27 | 27 |
<p>통합검색</p> |
28 | 28 |
<div class="bar"></div> |
--- client/views/pages/user/government/searchPage/SearchPage.vue
+++ client/views/pages/user/government/searchPage/SearchPage.vue
... | ... | @@ -1,7 +1,7 @@ |
1 | 1 |
<template> |
2 | 2 |
<div class="content pt50 pb50"> |
3 | 3 |
<div class="w1400"> |
4 |
- <div class="search-bar mb30"> |
|
4 |
+ <div class="search-bar mb30 user-search-bar"> |
|
5 | 5 |
<input type="text" class="full-input search-input" placeholder="검색어를 입력하세요." v-model="inputSearchText" @keyup.enter="totalSearch"/> |
6 | 6 |
<button class="icon-button search-button" @click="totalSearch"> |
7 | 7 |
<svg-icon type="mdi" :path="this.$iconPath()" class="search-icon"></svg-icon> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?