최정임 최정임 06-12
250612 최정임 css 수정 갤러리 게시판
@fcf3cd12a638a98c4499c353dcb34a6059812ec1
client/views/layout/UserMenu.vue
--- client/views/layout/UserMenu.vue
+++ client/views/layout/UserMenu.vue
@@ -15,7 +15,7 @@
         <p class="text-ct">{{ mainMenu.menuNm }}</p>
         <ul
           v-if="mainMenu.childList.length > 0"
-          class="sub-menu "
+          class="sub-menu show"
           :class="{
             show: currentOpenIndex === index,
             'company-sub-menu':
client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue
--- client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue
+++ client/views/pages/adm/boardManagement/template/commonTemplate/CommonSelectList.vue
@@ -7,7 +7,7 @@
       </div>
       <div class="search-wrap">
       <div></div>
-        <div class="search-bar mb15 border">
+        <div class="search-bar  border">
                 <select
                   class="border-none sm form-select"
                   v-model="search.searchType"
@@ -24,12 +24,8 @@
                   v-model="search.searchText"
                   @keyup.enter="findAll"
                 />
-            <div class="flex gd-3">
-              <div class="gd-6 pr0">
-                <button class="btn xsm green-border-btn" @click="findAll">
-                  검색
-                </button>
-              </div>
+            <div class="flex align-center gd-3">
+                <button class="btn-ico xsm ico-sch" @click="findAll"><span class="sr-only" >검색</span></button>
               <div class="gd-6 pr0">
                 <button class="btn xsm darkg-border-btn" @click="fnSearchReset">
                   <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
+++ client/views/pages/adm/boardManagement/template/faqTemplate/FaqSelectList.vue
@@ -16,17 +16,15 @@
           </select>
           <input type="text" class="form-control border-none sm " placeholder="검색어를 입력하세요."
             v-model="search.searchText" @keyup.enter="findAll" />
-          <div class="flex gd-3">
-            <div class="gd-6 pr0">
-              <button class="btn xsm" :class="{
+          <div class="flex align-center">
+              <button class="btn-ico xsm ico-sch" :class="{
                 'large-btn': true,
                 'blue-border-btn': pageRole == 'adm',
                 'green-border-btn':
                   pageRole == 'portal',
               }" @click="findAll">
-                검색
+                <span class="sr-only" >검색</span>
               </button>
-            </div>
             <div class="gd-6 pr0">
               <button class="btn tertiary border-none xsm" @click="fnSearchReset">
                 <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
+++ client/views/pages/adm/boardManagement/template/galleryTemplate/GallerySelectList.vue
@@ -6,20 +6,21 @@
                 <p>{{ bbsMng.bbsNm }}</p>
             </div>
             <div class="search-wrap">
-                <div class="search-bar">
-                    <select name="" id="" class="border-none gd-3" v-model="search.searchType">
+                <div></div>
+                <div class="search-bar border">
+                    <select name="" id="" class="border-none form-select sm" v-model="search.searchType">
                         <option value="">전체</option>
                         <option v-for="(item, idx) in codeList" :key="idx" :value="item.cd">{{ item.cdNm }}</option>
-                    </select>
-                    <input type="text" class="full-input border-none gd-9 condition-input"
+                    </select> 
+                    <input type="text" class="full-input border-none form-control sm"
                         placeholder="검색어를 입력하세요." v-model="search.searchText" @keyup.enter="findAll">
     
-    
-                    <button @click="findAll">검색</button>
+
+                    <button class="btn-ico xsm ico-sch" data-v-7587ced4="" @click="findAll"><span class="sr-only" data-v-7587ced4="">검색</span></button>
             
                     <!-- <button class="large-btn darkg-border-btn" @click="fnSearchReset"><svg-icon type="mdi" :path="refreshPath"></svg-icon> 초기화</button> -->
                 </div>
-            </div class="search-wrap">
+            </div>
             <div class="gall-content">
                 <div v-for="(item, idx) in list" :key="idx" @click="fnView(idx)" class="gall-item">
                     <div class="gall-img">
client/views/themes/css/header.css
--- client/views/themes/css/header.css
+++ client/views/themes/css/header.css
@@ -53,7 +53,7 @@
                 top: 61px;
                 left: 0;
                 width: 100%;
-                height: 150px;
+                height: max-content;
                 background: #fff;
                 z-index: 50;
             }
@@ -68,6 +68,7 @@
         font-weight: 700;
         height: 6rem;
         line-height: 6rem;
+        cursor: pointer;
     }
     .main-menu > li {
         position: relative; 
@@ -111,7 +112,7 @@
     
     .sub-menu {
         width: 100%;
-        height: 150px;
+        height: max-content;
         position: absolute;
         background-color: #fff;
         min-width: 160px;
@@ -137,6 +138,7 @@
         font-size: 1.6rem;
         text-align: center;
         font-weight: 700;
+        cursor: pointer;
         &:hover{
             color: var(--green);
         }
client/views/themes/tema_v2/css/style.css
--- client/views/themes/tema_v2/css/style.css
+++ client/views/themes/tema_v2/css/style.css
@@ -255,6 +255,23 @@
             width: calc(100% - 537px);
         }
     }
+    .gall-content{
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+        gap: 3rem;
+        margin-bottom: 3rem;
+        
+    }
+    .search-wrap{
+        button.btn-ico{
+                position: initial;
+                transform: none;
+                width: 2rem;
+                height: 2rem;
+                margin-right: 16px;
+            
+        }
+    }
 }
 .border-none{border: none !important;}
 
Add a comment
List