Commit @2f88ac10affad474771d008d6fec6f1d6b4cb8e2

b8a6a71

2f88ac1

client/resources/css/user/sub.css

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

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


   .float-div {
     position: absolute;
     top: 1rem;
-    left: 1rem;
+    right: 1rem;
     z-index: 5;
     padding: 5px 10px;
     border-width: 1px;

   }
 
   .float-txt {
-    color: inherit;
-    font-size: 14px;
+    color: #fff;
+    font-weight: 700;
+    font-size: 15x;
     font-family: "Pretendard-SB" !important;
   }
 
   .result-list-wrap:nth-child(odd) .float-div {
-    color: #a5067b;
+    background-color: #a5067b;
     border: 1px solid #a5067b;
   }
 
   .result-list-wrap:nth-child(even) .float-div {
-    color: #007ac3;
+    background-color: #007ac3;
     border: 1px solid #007ac3;
   }
 }

       font-family: "Pretendard-B";
       font-size: 25px;
       margin-bottom: 20px;
+      width: 290px;
+        overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
 
     }
 

   cursor: pointer;
 
   .item {
-    padding: 30px;
     border: 1px solid #ddd;
     border-radius: 24px;
     height: 100%;

 
   .text-box {
     width: 100%;
-    margin-top: 20px;
     font-family: "Pretendard-L";
     font-size: 16px;
+    padding: 20px;
+    .date{
+      ul{
+        gap: 10px;
+      }
+    }
   }
 
   .category {

2f88ac1

client/resources/images/icon/bodo_icon.png (Binary) (added)

+++ client/resources/images/icon/bodo_icon.png

Binary file is not shown

2f88ac1

client/resources/images/icon/media_icon.png (Binary) (added)

+++ client/resources/images/icon/media_icon.png

Binary file is not shown

2f88ac1

client/resources/images/icon/pic_icon.png (Binary) (added)

+++ client/resources/images/icon/pic_icon.png

Binary file is not shown

2f88ac1

client/resources/images/icon/video_icon.png (Binary) (added)

+++ client/resources/images/icon/video_icon.png

Binary file is not shown

b8a6a71

2f88ac1

client/views/component/listLayout/GalleryStyleComponent.vue

--- client/views/component/listLayout/GalleryStyleComponent.vue

+++ client/views/component/listLayout/GalleryStyleComponent.vue


         </figure>
         <div class="text-box">
           <h5 class="txt-center">{{ item.sj }}</h5>
-          <div class="txt-right mb-20">
-            <p class="mb-5">생산연도 <b>{{ item.prdctnYear ? $formatPrdctnDate(item.prdctnYear) : '-' }}</b></p>
-            <p>등록 <b>{{ $dotFormatDate(item.rgsde) }}</b></p>
+          <div class="date mb-20">
+           <ul>
+              <li class="mb-5">생산연도 <b>{{ item.prdctnYear ? $formatPrdctnDate(item.prdctnYear) : '-' }}</b></li>
+              <li>|</li>
+              <li>등록 <b>{{ $dotFormatDate(item.rgsde) }}</b></li>
+           </ul>
           </div>
           <ul class="category">
             <li v-for="(ctgry, ctgryIdx) of item.ctgrys" :key="ctgryIdx" class="category1">{{ ctgry.ctgryNm }}</li>

b8a6a71

2f88ac1

client/views/pages/bbsDcryPhoto/PicHistorySearch.vue

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

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


             <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 }"

b8a6a71

2f88ac1

client/views/pages/bbsMediaVido/MediaVideoSearch.vue

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

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


             <p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 미디어 영상이 검색되었습니다. </p>
           </div>
           <div class="flex">
-            <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
-              <button type="button" @click="fnDownload" class=" btn_sm ">다운로드</button>
+            <div v-if="searchResult.length > 0" >
+              <button type="button" @click="fnDownload" ></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)">

b8a6a71

2f88ac1

client/views/pages/bbsNesDta/NewsReleaseSearch.vue

--- client/views/pages/bbsNesDta/NewsReleaseSearch.vue

+++ client/views/pages/bbsNesDta/NewsReleaseSearch.vue


             <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)">

...	...	@@ -461,7 +461,7 @@
461	461	.float-div {
462	462	position: absolute;
463	463	top: 1rem;
464		- left: 1rem;
	464	+ right: 1rem;
465	465	z-index: 5;
466	466	padding: 5px 10px;
467	467	border-width: 1px;
...	...	@@ -471,18 +471,19 @@
471	471	}
472	472
473	473	.float-txt {
474		- color: inherit;
475		- font-size: 14px;
	474	+ color: #fff;
	475	+ font-weight: 700;
	476	+ font-size: 15x;
476	477	font-family: "Pretendard-SB" !important;
477	478	}
478	479
479	480	.result-list-wrap:nth-child(odd) .float-div {
480		- color: #a5067b;
	481	+ background-color: #a5067b;
481	482	border: 1px solid #a5067b;
482	483	}
483	484
484	485	.result-list-wrap:nth-child(even) .float-div {
485		- color: #007ac3;
	486	+ background-color: #007ac3;
486	487	border: 1px solid #007ac3;
487	488	}
488	489	}
...	...	@@ -568,6 +569,10 @@
568	569	font-family: "Pretendard-B";
569	570	font-size: 25px;
570	571	margin-bottom: 20px;
	572	+ width: 290px;
	573	+ overflow: hidden;
	574	+ text-overflow: ellipsis;
	575	+ white-space: nowrap;
571	576
572	577	}
573	578
...	...	@@ -1556,7 +1561,6 @@
1556	1561	cursor: pointer;
1557	1562
1558	1563	.item {
1559		- padding: 30px;
1560	1564	border: 1px solid #ddd;
1561	1565	border-radius: 24px;
1562	1566	height: 100%;
...	...	@@ -1581,9 +1585,14 @@
1581	1585
1582	1586	.text-box {
1583	1587	width: 100%;
1584		- margin-top: 20px;
1585	1588	font-family: "Pretendard-L";
1586	1589	font-size: 16px;
	1590	+ padding: 20px;
	1591	+ .date{
	1592	+ ul{
	1593	+ gap: 10px;
	1594	+ }
	1595	+ }
1587	1596	}
1588	1597
1589	1598	.category {

...	...	@@ -8,9 +8,12 @@
8	8	</figure>
9	9	<div class="text-box">
10	10	<h5 class="txt-center">{{ item.sj }}</h5>
11		- <div class="txt-right mb-20">
12		- <p class="mb-5">생산연도 <b>{{ item.prdctnYear ? $formatPrdctnDate(item.prdctnYear) : '-' }}</b></p>
13		- <p>등록 <b>{{ $dotFormatDate(item.rgsde) }}</b></p>
	11	+ <div class="date mb-20">
	12	+ <ul>
	13	+ <li class="mb-5">생산연도 <b>{{ item.prdctnYear ? $formatPrdctnDate(item.prdctnYear) : '-' }}</b></li>
	14	+ <li>\|</li>
	15	+ <li>등록 <b>{{ $dotFormatDate(item.rgsde) }}</b></li>
	16	+ </ul>
14	17	</div>
15	18	<ul class="category">
16	19	<li v-for="(ctgry, ctgryIdx) of item.ctgrys" :key="ctgryIdx" class="category1">{{ ctgry.ctgryNm }}</li>

...	...	@@ -23,8 +23,8 @@
23	23	<p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 사진 기록물이 검색되었습니다. </p>
24	24	</div>
25	25	<div class="flex">
26		- <div v-if="searchResult.length > 0">
27		- <button type="button" @click="fnDownload">다운로드</button>
	26	+ <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
	27	+ <button type="button" @click="fnDownload" class=" btn_sm "></button>
28	28	</div>
29	29	<ul class="tab-box mb-20">
30	30	<li v-for="(tab, idx) in tabs" :key="idx" class="tab-title" :class="{ active: selectedTabId === tab.id }"

...	...	@@ -22,8 +22,8 @@
22	22	<p>총 <b>{{ searchReqDTO.totalRecordCount }}개</b>의 미디어 영상이 검색되었습니다. </p>
23	23	</div>
24	24	<div class="flex">
25		- <div v-if="searchResult.length > 0" class="download-btn" style="margin-right: 2rem;">
26		- <button type="button" @click="fnDownload" class=" btn_sm ">다운로드</button>
	25	+ <div v-if="searchResult.length > 0" >
	26	+ <button type="button" @click="fnDownload" ></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