Commit @aae76c8ad7a89f246cd9bd62ad5d84357719f5b6

김하영 2023-12-07

231207 김하영

@aae76c8ad7a89f246cd9bd62ad5d84357719f5b6

89a623c

aae76c8

client/resources/css/Main.css

--- client/resources/css/Main.css

+++ client/resources/css/Main.css


   margin: 0 auto;
   padding: 0 !important;
   width: 100%;
-  height: 120px;
+  margin-bottom: 1rem;
 }
 
 .matchingbox-img img {
   width: 100% !important;
+  object-fit: cover;
 }
 
 .matchingbox-1 {

 }
 
 .swiper-2 {
-  padding: 2rem 0;
+  padding: 2rem 0 3rem;
   border-bottom: 1px solid rgb(209, 209, 209);
 }
 

   border-radius: 0.5rem;
   border: 1px solid white;
   background-color: #00000034;
-  padding: 0.5rem;
   height: 40px;
 }
 

89a623c

aae76c8

client/resources/css/admin.css

--- client/resources/css/admin.css

+++ client/resources/css/admin.css

...	...	@@ -992,4 +992,15 @@
992	992	.layout-wrap-small .date-check,
993	993	.layout-wrap-medium .date-check{
994	994	width: 25%;
	995	+}
	996	+
	997	+/* 김하영 수정 */
	998	+.data-select-list{
	999	+ display: grid;
	1000	+ grid-template-columns: 1fr;
	1001	+ justify-items: end;
	1002	+}
	1003	+.data-select-list p{
	1004	+ padding: 1rem 0 0;
	1005	+ color: rgb(255, 87, 87);
995	1006	} (No newline at end of file)

89a623c

aae76c8

client/resources/css/responsive.css

--- client/resources/css/responsive.css

+++ client/resources/css/responsive.css


     grid-template-columns: 1fr;
     height: 450px;
   }
+  .swiper-2 .swiper-slide{
+    height: 70px;
+  }
   .main-content-news {
     width: 100%;
     padding: 6rem 3rem;

   }
   .swiper {
     width: 100%;
-    padding: 0 !important;
+    
   }
   .swiper-button-prev:after,
   .swiper-rtl .swiper-button-next:after {

   }
   .matching-box-grid-two {
     grid-template-columns: 1fr !important;
+  }
+  .matching-box-wrap-one #data-table-sild{
+    margin-right: 0px !important;
+  }
+  .matching-box-wrap-one select {
+    margin-left: 0px !important;
+    margin-bottom: 1rem;
+  }
+  .matching-box-wrap-one .data-select{
+    flex-direction: column;
+    width: 100%;
+
   }
   /* 홍보/뉴스 */
   .news-bos {

 
   .slide1 {
     width: 258px;
+    height: 100%;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
+    /* padding: 1rem; */
+    padding: 1rem;
+  }
+  
+  .slide1 p{
+    padding: 0px;
+    margin: 0px;
   }
   .main-wrap-grid-3::after {
     display: none;

89a623c

aae76c8

client/views/pages/admin/user/UserSelectList.vue

--- client/views/pages/admin/user/UserSelectList.vue

+++ client/views/pages/admin/user/UserSelectList.vue


                 </ul>
                 <div class="tab-content">
                     <div v-show="currentTab == 0">
-                        <div class="btn-wrap">
+                        <div class="btn-wrap data-select-list">
                             <div class="data-select">
                                 <select v-model="userListSearch.searchType" name="data-table-sild" id="data-table-sild"
                                         class="data-table-search">

                                         v-model="userListSearch.searchText" @keyup.enter="userSelectList()">
                                     <input class="button--submit" value="검색" type="submit" @click="userSelectList()">
                                 </div>
+                            </div>
+                            <div>
+                                <p>※ 보안을 위해, 이름 검색시 전체 이름을 정확하게 입력해주세요.</p>
                             </div>
                         </div>
                         <table>

                         </div>
                     </div>
                     <div v-show="currentTab == 1">
-                        <div class="btn-wrap">
+                        <div class="btn-wrap data-select-list">
                             <div class="data-select">
                                 <select v-model="companyListSearch.searchType" name="data-table-sild" id="data-table-sild"
                                         class="data-table-search">

                                         v-model="companyListSearch.searchText" @keyup.enter="companySelectList()">
                                     <input class="button--submit" value="검색" type="submit" @click="companySelectList()">
                                 </div>
+                            </div>
+                            <div>
+                                <p>※ 보안을 위해, 담당자명 검색시 전체 이름을 정확하게 입력해주세요.</p>
                             </div>
                         </div>
                         <table>

                         </div>
                     </div>
                     <div v-show="currentTab == 2">
-                        <div class="btn-wrap">
+                        <div class="btn-wrap data-select-list">
                             <div class="data-select">
                                 <select v-model="managerListSearch.searchType" name="data-table-sild" id="data-table-sild"
                                         class="data-table-search">

                                     <input class="button--submit" value="검색" type="submit" @click="managerSelectList()">
                                 </div>
                             </div>
+                            <div>
+                                <p>※ 보안을 위해, 이름 검색시 전체 이름을 정확하게 입력해주세요.</p>
+                            </div>
                         </div>
                         <table>
                             <thead>

89a623c

aae76c8

client/views/pages/user/main/Main.vue

--- client/views/pages/user/main/Main.vue

+++ client/views/pages/user/main/Main.vue


                             <div class="main-notice">
                                 <h2> <i class="fa-solid fa-volume-high" style="color: #ffffff;"></i>공지사항</h2>
                                 <swiper ref="mySwiper1" class="mySwiper swiper-notice" @swiper="onSwiper"
-                                    :direction="'vertical'" :spaceBetween="8" :slidesPerView="1" :centeredSlides="false"
+                                    :direction="'vertical'" :spaceBetween="5" :slidesPerView="1" :centeredSlides="false"
                                     :navigation="false" :modules="modules" :autoplay="{
                                         delay: 3000,
                                         disableOnInteraction: false,
                                     }" :loop="loop">
                                     <swiper-slide v-for="(item, idx) in noticeListForBanner" :key="idx"
-                                        @click="noticeSelectOnePage(item)" class="slide1">
+                                        @click="noticeSelectOnePage(item)" class="slide1" >
                                         <p class="main-notice-top2">{{ item.post_title }}</p>
                                     </swiper-slide>
                                 </swiper>

                         <h1>파트너사</h1>
                         <div class="m-p-sw">
                             <div class="m-p-sw-1">
-                                <swiper :slidesPerView="10" :spaceBetween="30" :loop="loop" :speed="3000"
-                                    :centeredSlides="true" :autoplay="{ delay: 1000, disableOnInteraction: false }"
+                                <swiper :slidesPerView="10" :spaceBetween="30" :loop="loop" :speed="2000"
+                                    :centeredSlides="false" :autoplay="{ delay: 1000, disableOnInteraction: false }"
                                     :breakpoints="{
-                                        300: { slidesPerView: 1 },
-                                        479: { slidesPerView: 2 },
-                                        768: { slidesPerView: 3 },
+                                        300: { slidesPerView: 2 },
+                                        479: { slidesPerView: 4 },
+                                        768: { slidesPerView: 6 },
                                         1023: { slidesPerView: 7 }
                                     }" :navigation="false" :modules="modules" class="mySwiper swiper-2"
                                     >

Add a comment

Open 0
Closed 0

List

...	...	@@ -647,11 +647,12 @@
647	647	margin: 0 auto;
648	648	padding: 0 !important;
649	649	width: 100%;
650		- height: 120px;
	650	+ margin-bottom: 1rem;
651	651	}
652	652
653	653	.matchingbox-img img {
654	654	width: 100% !important;
	655	+ object-fit: cover;
655	656	}
656	657
657	658	.matchingbox-1 {
...	...	@@ -2765,7 +2766,7 @@
2765	2766	}
2766	2767
2767	2768	.swiper-2 {
2768		- padding: 2rem 0;
	2769	+ padding: 2rem 0 3rem;
2769	2770	border-bottom: 1px solid rgb(209, 209, 209);
2770	2771	}
2771	2772
...	...	@@ -2794,7 +2795,6 @@
2794	2795	border-radius: 0.5rem;
2795	2796	border: 1px solid white;
2796	2797	background-color: #00000034;
2797		- padding: 0.5rem;
2798	2798	height: 40px;
2799	2799	}
2800	2800

...	...	@@ -221,6 +221,9 @@
221	221	grid-template-columns: 1fr;
222	222	height: 450px;
223	223	}
	224	+ .swiper-2 .swiper-slide{
	225	+ height: 70px;
	226	+ }
224	227	.main-content-news {
225	228	width: 100%;
226	229	padding: 6rem 3rem;
...	...	@@ -230,7 +233,7 @@
230	233	}
231	234	.swiper {
232	235	width: 100%;
233		- padding: 0 !important;
	236	+
234	237	}
235	238	.swiper-button-prev:after,
236	239	.swiper-rtl .swiper-button-next:after {
...	...	@@ -341,6 +344,18 @@
341	344	}
342	345	.matching-box-grid-two {
343	346	grid-template-columns: 1fr !important;
	347	+ }
	348	+ .matching-box-wrap-one #data-table-sild{
	349	+ margin-right: 0px !important;
	350	+ }
	351	+ .matching-box-wrap-one select {
	352	+ margin-left: 0px !important;
	353	+ margin-bottom: 1rem;
	354	+ }
	355	+ .matching-box-wrap-one .data-select{
	356	+ flex-direction: column;
	357	+ width: 100%;
	358	+
344	359	}
345	360	/* 홍보/뉴스 */
346	361	.news-bos {
...	...	@@ -740,9 +755,17 @@
740	755
741	756	.slide1 {
742	757	width: 258px;
	758	+ height: 100%;
743	759	white-space: nowrap;
744	760	text-overflow: ellipsis;
745	761	overflow: hidden;
	762	+ /* padding: 1rem; */
	763	+ padding: 1rem;
	764	+ }
	765	+
	766	+ .slide1 p{
	767	+ padding: 0px;
	768	+ margin: 0px;
746	769	}
747	770	.main-wrap-grid-3::after {
748	771	display: none;

...	...	@@ -15,7 +15,7 @@
15	15	</ul>
16	16	<div class="tab-content">
17	17	<div v-show="currentTab == 0">
18		- <div class="btn-wrap">
	18	+ <div class="btn-wrap data-select-list">
19	19	<div class="data-select">
20	20	<select v-model="userListSearch.searchType" name="data-table-sild" id="data-table-sild"
21	21	class="data-table-search">
...	...	@@ -28,6 +28,9 @@
28	28	v-model="userListSearch.searchText" @keyup.enter="userSelectList()">
29	29	<input class="button--submit" value="검색" type="submit" @click="userSelectList()">
30	30	</div>
	31	+ </div>
	32	+ <div>
	33	+ <p>※ 보안을 위해, 이름 검색시 전체 이름을 정확하게 입력해주세요.</p>
31	34	</div>
32	35	</div>
33	36	<table>
...	...	@@ -60,7 +63,7 @@
60	63	</div>
61	64	</div>
62	65	<div v-show="currentTab == 1">
63		- <div class="btn-wrap">
	66	+ <div class="btn-wrap data-select-list">
64	67	<div class="data-select">
65	68	<select v-model="companyListSearch.searchType" name="data-table-sild" id="data-table-sild"
66	69	class="data-table-search">
...	...	@@ -73,6 +76,9 @@
73	76	v-model="companyListSearch.searchText" @keyup.enter="companySelectList()">
74	77	<input class="button--submit" value="검색" type="submit" @click="companySelectList()">
75	78	</div>
	79	+ </div>
	80	+ <div>
	81	+ <p>※ 보안을 위해, 담당자명 검색시 전체 이름을 정확하게 입력해주세요.</p>
76	82	</div>
77	83	</div>
78	84	<table>
...	...	@@ -109,7 +115,7 @@
109	115	</div>
110	116	</div>
111	117	<div v-show="currentTab == 2">
112		- <div class="btn-wrap">
	118	+ <div class="btn-wrap data-select-list">
113	119	<div class="data-select">
114	120	<select v-model="managerListSearch.searchType" name="data-table-sild" id="data-table-sild"
115	121	class="data-table-search">
...	...	@@ -123,6 +129,9 @@
123	129	<input class="button--submit" value="검색" type="submit" @click="managerSelectList()">
124	130	</div>
125	131	</div>
	132	+ <div>
	133	+ <p>※ 보안을 위해, 이름 검색시 전체 이름을 정확하게 입력해주세요.</p>
	134	+ </div>
126	135	</div>
127	136	<table>
128	137	<thead>

...	...	@@ -11,13 +11,13 @@
11	11	<div class="main-notice">
12	12	<h2> <i class="fa-solid fa-volume-high" style="color: #ffffff;"></i>공지사항</h2>
13	13	<swiper ref="mySwiper1" class="mySwiper swiper-notice" @swiper="onSwiper"
14		- :direction="'vertical'" :spaceBetween="8" :slidesPerView="1" :centeredSlides="false"
	14	+ :direction="'vertical'" :spaceBetween="5" :slidesPerView="1" :centeredSlides="false"
15	15	:navigation="false" :modules="modules" :autoplay="{
16	16	delay: 3000,
17	17	disableOnInteraction: false,
18	18	}" :loop="loop">
19	19	<swiper-slide v-for="(item, idx) in noticeListForBanner" :key="idx"
20		- @click="noticeSelectOnePage(item)" class="slide1">
	20	+ @click="noticeSelectOnePage(item)" class="slide1" >
21	21	<p class="main-notice-top2">{{ item.post_title }}</p>
22	22	</swiper-slide>
23	23	</swiper>
...	...	@@ -221,12 +221,12 @@
221	221	<h1>파트너사</h1>
222	222	<div class="m-p-sw">
223	223	<div class="m-p-sw-1">
224		- <swiper :slidesPerView="10" :spaceBetween="30" :loop="loop" :speed="3000"
225		- :centeredSlides="true" :autoplay="{ delay: 1000, disableOnInteraction: false }"
	224	+ <swiper :slidesPerView="10" :spaceBetween="30" :loop="loop" :speed="2000"
	225	+ :centeredSlides="false" :autoplay="{ delay: 1000, disableOnInteraction: false }"
226	226	:breakpoints="{
227		- 300: { slidesPerView: 1 },
228		- 479: { slidesPerView: 2 },
229		- 768: { slidesPerView: 3 },
	227	+ 300: { slidesPerView: 2 },
	228	+ 479: { slidesPerView: 4 },
	229	+ 768: { slidesPerView: 6 },
230	230	1023: { slidesPerView: 7 }
231	231	}" :navigation="false" :modules="modules" class="mySwiper swiper-2"
232	232	>

Delete comment