Commit @d65a85aa984703f8976de8165245369c02c9a6b3

c221bcf

d65a85a

client/resources/css/user/sub.css

--- client/resources/css/user/sub.css

+++ client/resources/css/user/sub.css


     }
   }
 }
-
+.date-input-group{
+  display: flex; gap: 5px;
+}
 form,
 .form {
   margin: 0 auto;
   border: 1px solid #dddddd;
   border-radius: 20px;
 
-  input {
+  input, select {
     padding: 0 15px;
     height: 50px;
     border: 1px solid #dddddd;

     background-image: url(../../images/downbtn_bg.png);
     color: #fff;
   }
-
+  .btn_sm{
+    width: 80px;
+    height: 25px;
+    background-image: url(../../images/downbtn_bg_sm.png);
+  }
   .select-down {
+    color: #333;
     background-image: url(../../images/downbtn_border.png);
   }
 }

d65a85a

client/resources/images/downbtn_bg_sm.png (Binary) (added)

+++ client/resources/images/downbtn_bg_sm.png

Binary file is not shown

c221bcf

d65a85a

client/views/pages/bbsDcryPhoto/PicHistoryDetail.vue

--- client/views/pages/bbsDcryPhoto/PicHistoryDetail.vue

+++ client/views/pages/bbsDcryPhoto/PicHistoryDetail.vue


         </div>
         <div class="thumb-view">
           <div class="download-btn txt-right mb-20">
-            <button class="btn all-down" @click="fnDownload('all')">전체 다운로드</button>
+            <button class="btn all-down select-down" @click="fnDownload('all')">전체 다운로드</button>
           </div>
           <div class="thumbnails">
-            <div>
+            <div class="download-btn">
               <div v-for="(item, idx) of findResult.files" :key="idx" class="thumbnail-wrap">
                 <figure class="thumbnail" @click="onchangeImg(item)">
                   <img :src="item.filePath" :alt="item.fileNm" />
                 </figure>
                 <div class="float-div">
-                  <button type="button" class="btn-sm red" @click="fnDownload('single', item)">다운로드</button>
+                  <button type="button" class="btn_sm red" @click="fnDownload('single', item)"></button>
                 </div>
               </div>
             </div>

c221bcf

d65a85a

client/views/pages/bbsMediaVido/MediaVideoSearch.vue

--- client/views/pages/bbsMediaVido/MediaVideoSearch.vue

+++ client/views/pages/bbsMediaVido/MediaVideoSearch.vue


     <SearchFormComponent :initialData="searchReqDTO" pageType="media" @search="handleSearch" @reset="handleReset" />
     <div class="search-result">
       <div class="tabs">
-        <div class="flex-sp-bw mb-20 align-center">
+        <div class="flex-sp-bw  align-center">
           <div class="resultext ">
             <img :src="resulticon" alt="">
             <p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 미디어 영상이 검색되었습니다. </p>
           </div>
           <div class="flex">
-            <div v-if="searchResult.length > 0">
-              <button type="button" @click="fnDownload">다운로드</button>
+            <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
+              <button type="button" @click="fnDownload" class=" btn_sm ">다운로드</button>
             </div>
             <ul class="tab-box mb-20">
               <li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }" @click="selectTab(tab.id)">

...	...	@@ -152,14 +152,16 @@
152	152	}
153	153	}
154	154	}
155		-
	155	+.date-input-group{
	156	+ display: flex; gap: 5px;
	157	+}
156	158	form,
157	159	.form {
158	160	margin: 0 auto;
159	161	border: 1px solid #dddddd;
160	162	border-radius: 20px;
161	163
162		- input {
	164	+ input, select {
163	165	padding: 0 15px;
164	166	height: 50px;
165	167	border: 1px solid #dddddd;
...	...	@@ -1660,8 +1662,13 @@
1660	1662	background-image: url(../../images/downbtn_bg.png);
1661	1663	color: #fff;
1662	1664	}
1663		-
	1665	+ .btn_sm{
	1666	+ width: 80px;
	1667	+ height: 25px;
	1668	+ background-image: url(../../images/downbtn_bg_sm.png);
	1669	+ }
1664	1670	.select-down {
	1671	+ color: #333;
1665	1672	background-image: url(../../images/downbtn_border.png);
1666	1673	}
1667	1674	}

...	...	@@ -29,16 +29,16 @@
29	29	</div>
30	30	<div class="thumb-view">
31	31	<div class="download-btn txt-right mb-20">
32		- <button class="btn all-down" @click="fnDownload('all')">전체 다운로드</button>
	32	+ <button class="btn all-down select-down" @click="fnDownload('all')">전체 다운로드</button>
33	33	</div>
34	34	<div class="thumbnails">
35		- <div>
	35	+ <div class="download-btn">
36	36	<div v-for="(item, idx) of findResult.files" :key="idx" class="thumbnail-wrap">
37	37	<figure class="thumbnail" @click="onchangeImg(item)">
38	38	<img :src="item.filePath" :alt="item.fileNm" />
39	39	</figure>
40	40	<div class="float-div">
41		- <button type="button" class="btn-sm red" @click="fnDownload('single', item)">다운로드</button>
	41	+ <button type="button" class="btn_sm red" @click="fnDownload('single', item)"></button>
42	42	</div>
43	43	</div>
44	44	</div>

...	...	@@ -16,14 +16,14 @@
16	16	<SearchFormComponent :initialData="searchReqDTO" pageType="media" @search="handleSearch" @reset="handleReset" />
17	17	<div class="search-result">
18	18	<div class="tabs">
19		- <div class="flex-sp-bw mb-20 align-center">
	19	+ <div class="flex-sp-bw align-center">
20	20	<div class="resultext ">
21	21	<img :src="resulticon" alt="">
22	22	<p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 미디어 영상이 검색되었습니다. </p>
23	23	</div>
24	24	<div class="flex">
25		- <div v-if="searchResult.length > 0">
26		- <button type="button" @click="fnDownload">다운로드</button>
	25	+ <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
	26	+ <button type="button" @click="fnDownload" class=" btn_sm ">다운로드</button>
27	27	</div>
28	28	<ul class="tab-box mb-20">
29	29	<li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }" @click="selectTab(tab.id)">

Delete comment