
--- client/views/layout/UserMenu.vue
+++ client/views/layout/UserMenu.vue
... | ... | @@ -15,7 +15,7 @@ |
15 | 15 |
<p class="text-ct">{{ mainMenu.menuNm }}</p> |
16 | 16 |
<ul |
17 | 17 |
v-if="mainMenu.childList.length > 0" |
18 |
- class="sub-menu " |
|
18 |
+ class="sub-menu show" |
|
19 | 19 |
:class="{ |
20 | 20 |
show: currentOpenIndex === index, |
21 | 21 |
'company-sub-menu': |
--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue
+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue
... | ... | @@ -7,7 +7,7 @@ |
7 | 7 |
</div> |
8 | 8 |
<div class="search-wrap"> |
9 | 9 |
<div></div> |
10 |
- <div class="search-bar mb15 border"> |
|
10 |
+ <div class="search-bar border"> |
|
11 | 11 |
<select |
12 | 12 |
class="border-none sm form-select" |
13 | 13 |
v-model="search.searchType" |
... | ... | @@ -24,12 +24,8 @@ |
24 | 24 |
v-model="search.searchText" |
25 | 25 |
@keyup.enter="findAll" |
26 | 26 |
/> |
27 |
- <div class="flex gd-3"> |
|
28 |
- <div class="gd-6 pr0"> |
|
29 |
- <button class="btn xsm green-border-btn" @click="findAll"> |
|
30 |
- 검색 |
|
31 |
- </button> |
|
32 |
- </div> |
|
27 |
+ <div class="flex align-center gd-3"> |
|
28 |
+ <button class="btn-ico xsm ico-sch" @click="findAll"><span class="sr-only" >검색</span></button> |
|
33 | 29 |
<div class="gd-6 pr0"> |
34 | 30 |
<button class="btn xsm darkg-border-btn" @click="fnSearchReset"> |
35 | 31 |
<svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화 |
--- client/views/pages/adm/boardManagement/template/faqTemplate/FaqSelectList.vue
+++ client/views/pages/adm/boardManagement/template/faqTemplate/FaqSelectList.vue
... | ... | @@ -16,17 +16,15 @@ |
16 | 16 |
</select> |
17 | 17 |
<input type="text" class="form-control border-none sm " placeholder="검색어를 입력하세요." |
18 | 18 |
v-model="search.searchText" @keyup.enter="findAll" /> |
19 |
- <div class="flex gd-3"> |
|
20 |
- <div class="gd-6 pr0"> |
|
21 |
- <button class="btn xsm" :class="{ |
|
19 |
+ <div class="flex align-center"> |
|
20 |
+ <button class="btn-ico xsm ico-sch" :class="{ |
|
22 | 21 |
'large-btn': true, |
23 | 22 |
'blue-border-btn': pageRole == 'adm', |
24 | 23 |
'green-border-btn': |
25 | 24 |
pageRole == 'portal', |
26 | 25 |
}" @click="findAll"> |
27 |
- 검색 |
|
26 |
+ <span class="sr-only" >검색</span> |
|
28 | 27 |
</button> |
29 |
- </div> |
|
30 | 28 |
<div class="gd-6 pr0"> |
31 | 29 |
<button class="btn tertiary border-none xsm" @click="fnSearchReset"> |
32 | 30 |
<svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화 |
--- client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue
+++ client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue
... | ... | @@ -6,20 +6,21 @@ |
6 | 6 |
<p>{{ bbsMng.bbsNm }}</p> |
7 | 7 |
</div> |
8 | 8 |
<div class="search-wrap"> |
9 |
- <div class="search-bar"> |
|
10 |
- <select name="" id="" class="border-none gd-3" v-model="search.searchType"> |
|
9 |
+ <div></div> |
|
10 |
+ <div class="search-bar border"> |
|
11 |
+ <select name="" id="" class="border-none form-select sm" v-model="search.searchType"> |
|
11 | 12 |
<option value="">전체</option> |
12 | 13 |
<option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option> |
13 |
- </select> |
|
14 |
- <input type="text" class="full-input border-none gd-9 condition-input" |
|
14 |
+ </select> |
|
15 |
+ <input type="text" class="full-input border-none form-control sm" |
|
15 | 16 |
placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll"> |
16 | 17 |
|
17 |
- |
|
18 |
- <button @click="findAll">검색</button> |
|
18 |
+ |
|
19 |
+ <button class="btn-ico xsm ico-sch" data-v-7587ced4="" @click="findAll"><span class="sr-only" data-v-7587ced4="">검색</span></button> |
|
19 | 20 |
|
20 | 21 |
<!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> --> |
21 | 22 |
</div> |
22 |
- </div class="search-wrap"> |
|
23 |
+ </div> |
|
23 | 24 |
<div class="gall-content"> |
24 | 25 |
<div v-for="(item, idx) in list" :key="idx" @click="fnView(idx)" class="gall-item"> |
25 | 26 |
<div class="gall-img"> |
--- client/views/themes/css/header.css
+++ client/views/themes/css/header.css
... | ... | @@ -53,7 +53,7 @@ |
53 | 53 |
top: 61px; |
54 | 54 |
left: 0; |
55 | 55 |
width: 100%; |
56 |
- height: 150px; |
|
56 |
+ height: max-content; |
|
57 | 57 |
background: #fff; |
58 | 58 |
z-index: 50; |
59 | 59 |
} |
... | ... | @@ -68,6 +68,7 @@ |
68 | 68 |
font-weight: 700; |
69 | 69 |
height: 6rem; |
70 | 70 |
line-height: 6rem; |
71 |
+ cursor: pointer; |
|
71 | 72 |
} |
72 | 73 |
.main-menu > li { |
73 | 74 |
position: relative; |
... | ... | @@ -111,7 +112,7 @@ |
111 | 112 |
|
112 | 113 |
.sub-menu { |
113 | 114 |
width: 100%; |
114 |
- height: 150px; |
|
115 |
+ height: max-content; |
|
115 | 116 |
position: absolute; |
116 | 117 |
background-color: #fff; |
117 | 118 |
min-width: 160px; |
... | ... | @@ -137,6 +138,7 @@ |
137 | 138 |
font-size: 1.6rem; |
138 | 139 |
text-align: center; |
139 | 140 |
font-weight: 700; |
141 |
+ cursor: pointer; |
|
140 | 142 |
&:hover{ |
141 | 143 |
color: var(--green); |
142 | 144 |
} |
--- client/views/themes/tema_v2/css/style.css
+++ client/views/themes/tema_v2/css/style.css
... | ... | @@ -255,6 +255,23 @@ |
255 | 255 |
width: calc(100% - 537px); |
256 | 256 |
} |
257 | 257 |
} |
258 |
+ .gall-content{ |
|
259 |
+ display: grid; |
|
260 |
+ grid-template-columns: 1fr 1fr 1fr; |
|
261 |
+ gap: 3rem; |
|
262 |
+ margin-bottom: 3rem; |
|
263 |
+ |
|
264 |
+ } |
|
265 |
+ .search-wrap{ |
|
266 |
+ button.btn-ico{ |
|
267 |
+ position: initial; |
|
268 |
+ transform: none; |
|
269 |
+ width: 2rem; |
|
270 |
+ height: 2rem; |
|
271 |
+ margin-right: 16px; |
|
272 |
+ |
|
273 |
+ } |
|
274 |
+ } |
|
258 | 275 |
} |
259 | 276 |
.border-none{border: none !important;} |
260 | 277 |
|
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?