Commit @e365576c0293b4f8f830c0b58774af92ed23fad8

54b30e5

e365576

client/resources/css/user/sub.css

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

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


                 border: 0;
             }
         }
-
+        dd.category-dd{
+            ul{
+                flex-wrap: wrap;
+            max-height: 80px;
+            width: 100%;
+            overflow-y: auto;
+            overflow-x: hidden;
+            }
+            
+        }
         .mark {
             width: fit-content;
             margin: 0 11px;

     li {
         display: flex;
         align-items: center;
-        width: 125px;
+        width: 175px;
         gap: 12px;
     }
 

 input[type='radio']+label {
     font-size: 17px;
     font-family: "Pretendard-L";
-    width: 95px;
+    width: 140px;
+    flex-shrink: 0;
 }
 
 /* 기본스타일 제거, 버튼 모양 재설정 */

54b30e5

e365576

client/views/pages/user/MediaVideoSearch.vue

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

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


                     <p class="mark">~</p>
                     <input type="date" v-model="searchReqDTO.endYear">
                 </dd>
-                <dd class="mb-20">
+                <dd class="mb-20 category-dd">
                     <p>카테고리</p>
                     <ul>
                         <li v-for="(category, idx) of categorys" :key="idx">

54b30e5

e365576

client/views/pages/user/NewsReleaseSearch.vue

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

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


                     <p class="mark">~</p>
                     <input type="date" v-model="searchReqDTO.endYear">
                 </dd>
-                <dd class="mb-20">
+                <dd class="mb-20 category-dd">
                     <p>카테고리</p>
                     <ul>
                         <li v-for="(category, idx) of categorys" :key="idx">

54b30e5

e365576

client/views/pages/user/PicHistorySearch.vue

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

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


           <p class="mark">~</p>
           <input type="date" v-model="searchReqDTO.endYear">
         </dd>
-        <dd class="mb-20">
+        <dd class="mb-20 category-dd">
           <p>카테고리</p>
           <ul>
             <li v-for="(category, idx) of categorys" :key="idx">

54b30e5

e365576

client/views/pages/user/TotalSearch.vue

--- client/views/pages/user/TotalSearch.vue

+++ client/views/pages/user/TotalSearch.vue


           <p class="mark">~</p>
           <input type="date" v-model="searchReqDTO.endYear">
         </dd>
-        <dd class="mb-20">
+        <dd class="mb-20 category-dd">
           <p>카테고리</p>
           <ul>
             <li v-for="(category, idx) of categorys" :key="idx">

54b30e5

e365576

client/views/pages/user/VideoHistorySearch.vue

--- client/views/pages/user/VideoHistorySearch.vue

+++ client/views/pages/user/VideoHistorySearch.vue


           <p class="mark">~</p>
           <input type="date" v-model="searchReqDTO.endYear">
         </dd>
-        <dd class="mb-20">
+        <dd class="mb-20 category-dd">
           <p>카테고리</p>
           <ul>
             <li v-for="(category, idx) of categorys" :key="idx">

...	...	@@ -332,7 +332,16 @@
332	332	border: 0;
333	333	}
334	334	}
335		-
	335	+ dd.category-dd{
	336	+ ul{
	337	+ flex-wrap: wrap;
	338	+ max-height: 80px;
	339	+ width: 100%;
	340	+ overflow-y: auto;
	341	+ overflow-x: hidden;
	342	+ }
	343	+
	344	+ }
336	345	.mark {
337	346	width: fit-content;
338	347	margin: 0 11px;
...	...	@@ -385,7 +394,7 @@
385	394	li {
386	395	display: flex;
387	396	align-items: center;
388		- width: 125px;
	397	+ width: 175px;
389	398	gap: 12px;
390	399	}
391	400
...	...	@@ -1215,7 +1224,8 @@
1215	1224	input[type='radio']+label {
1216	1225	font-size: 17px;
1217	1226	font-family: "Pretendard-L";
1218		- width: 95px;
	1227	+ width: 140px;
	1228	+ flex-shrink: 0;
1219	1229	}
1220	1230
1221	1231	/* 기본스타일 제거, 버튼 모양 재설정 */

...	...	@@ -40,7 +40,7 @@
40	40	<p class="mark">~</p>
41	41	<input type="date" v-model="searchReqDTO.endYear">
42	42	</dd>
43		- <dd class="mb-20">
	43	+ <dd class="mb-20 category-dd">
44	44	<p>카테고리</p>
45	45	<ul>
46	46	<li v-for="(category, idx) of categorys" :key="idx">

...	...	@@ -40,7 +40,7 @@
40	40	<p class="mark">~</p>
41	41	<input type="date" v-model="searchReqDTO.endYear">
42	42	</dd>
43		- <dd class="mb-20">
	43	+ <dd class="mb-20 category-dd">
44	44	<p>카테고리</p>
45	45	<ul>
46	46	<li v-for="(category, idx) of categorys" :key="idx">

...	...	@@ -46,7 +46,7 @@
46	46	<p class="mark">~</p>
47	47	<input type="date" v-model="searchReqDTO.endYear">
48	48	</dd>
49		- <dd class="mb-20">
	49	+ <dd class="mb-20 category-dd">
50	50	<p>카테고리</p>
51	51	<ul>
52	52	<li v-for="(category, idx) of categorys" :key="idx">

...	...	@@ -38,7 +38,7 @@
38	38	<p class="mark">~</p>
39	39	<input type="date" v-model="searchReqDTO.endYear">
40	40	</dd>
41		- <dd class="mb-20">
	41	+ <dd class="mb-20 category-dd">
42	42	<p>카테고리</p>
43	43	<ul>
44	44	<li v-for="(category, idx) of categorys" :key="idx">

...	...	@@ -71,7 +71,7 @@
71	71	<p class="mark">~</p>
72	72	<input type="date" v-model="searchReqDTO.endYear">
73	73	</dd>
74		- <dd class="mb-20">
	74	+ <dd class="mb-20 category-dd">
75	75	<p>카테고리</p>
76	76	<ul>
77	77	<li v-for="(category, idx) of categorys" :key="idx">

Delete comment