Commit @ad41462e58d978405fd6ee517f41b09ab0550080

김하영 2023-11-08

231108김하영 기술문서 상세

@ad41462e58d978405fd6ee517f41b09ab0550080

fee11fe

ad41462

client/resources/css/Main.css

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

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

...	...	@@ -1366,7 +1366,41 @@
1366	1366	background-color: #3f87f7;
1367	1367	}
1368	1368
	1369	+.tech-detail{
	1370	+ width: 100%;
	1371	+}
	1372	+.tech-sec1{
	1373	+ padding: 2rem;
	1374	+ border-top: 1px solid gray;
	1375	+ border-bottom: 1px solid gray;
	1376	+ display: grid;
	1377	+ grid-template-columns: 80% 1fr;
	1378	+}
1369	1379
	1380	+.tech-sec1 button{
	1381	+ font-size: 2.5rem;
	1382	+ padding: 1rem;
	1383	+}
	1384	+.tech-sec1 h2{
	1385	+ font-size: 2.5rem;
	1386	+ padding: 1rem;
	1387	+}
	1388	+.tech-sec-div{
	1389	+ width: 100%;
	1390	+ border: 1px solid red;
	1391	+ display: grid;
	1392	+ padding: 3rem;
	1393	+ grid-template-columns: 1fr 1fr;
	1394	+}
	1395	+.tech-sec-div div{
	1396	+ border: 1px solid red;
	1397	+}
	1398	+.tech-sec-div div:nth-child(1){
	1399	+ padding: 2rem;
	1400	+}
	1401	+.tech-sec2 div img{
	1402	+ width: 50%;
	1403	+}
1370	1404	/* --------------------------------------------------------------------------- */
1371	1405	/* lnfo css */
1372	1406	.info-box-button {

fee11fe

ad41462

client/resources/css/responsive.css

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

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


     display: block;
   }
   .main-box-wrap{
-    width: 90%;
+    width: 100%;
     margin: 0 auto;
     grid-template-columns: 1fr;
   }

 .tech-bos {
   width: 90%;
   grid-template-columns: 1fr;
+  margin: 0 auto;
 }
 
 .tech-logo,

   font-size: 1.5rem;
 }
 .main-notice{
-  width: 50%;
+  width: 79%;
 }.main-text{
   width: 50%;
 }

   font-size: 1.8rem;
 }
 .main-benner{
-  width: 50%;
+  width: 79%;
   background-position: center;
 }
 .main-content-wrap{

fee11fe

ad41462

client/views/pages/user/Data/TechnologyOne.vue

--- client/views/pages/user/Data/TechnologyOne.vue

+++ client/views/pages/user/Data/TechnologyOne.vue


                 <div class="tech-sec1">
                     <h2>2022년 온라인 콘텐츠 활용 교과서 선도학교 교원 역량 효과성 분석</h2>
                     <div>
-                        <input type="file" id="dtaildown" style="display: none;">
-                        <label for="dtaildown">기술문서 다운로드</label>
+                       <button>기술문서 다운로드</button>
                         <i class="fa-solid fa-download" style="color: #ffffff;"></i>
                     </div>
                 </div>
                 <!-- /상세내용 -->
                 <div class="tech-sec2">
-                    <div>
+                    <div class="tech-sec-div">
                         <div>
                             <img src="../../../../resources/jpg/tech-img.png" alt="">
                         </div>

fee11fe

ad41462

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

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

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


     width: 98%;
     padding: 0.5rem 1rem;
     color: white;
-    font-size: 1.5rem;
+    font-size: 1rem;
     /* border-bottom: 0.5px dotted white; */
 
 }

fee11fe

ad41462

client/views/pages/user/mypage/MatchingManager.vue

--- client/views/pages/user/mypage/MatchingManager.vue

+++ client/views/pages/user/mypage/MatchingManager.vue


                     <input type="radio" id="outbox" value="outbox" v-model="selectedBox">
                     <label for="outbox">Macthing</label>
                 </div>
-                <div @click="selectedBox = 'andbox'">
-
-                    <input type="radio" id="andbox" value="andbox" v-model="selectedBox">
-                    <label for="andbox">완료</label>
-                </div>
+            
             </div>
 
         </section>

             <div v-show="selectedBox === 'inbox'" class="inbox">
                 <section class="matching-section-box">
 
+                    <div>
+                        <h2>수신</h2>
+                    </div>
+                    <div class="inbox-sub">
+                        <div class="inbox-img">
+                            <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                            <div>
 
+                                <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
+                                <button>macthing</button>
+
+                            </div>
+                        </div>
+                        <div class="inbox-img">
+                            <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                            <div>
+
+                                <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
+                                <button>macthing</button>
+
+
+                            </div>
+
+                        </div>
+
+                    </div>
+                </section>
+                 <section class="matching-section-box">
+
+                    <div>
+                        <h2>발신</h2>
+                    </div>
+                    <div class="inbox-sub">
+                        <div class="inbox-img">
+                            <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                            <div>
+
+                                <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
+                                <button>macthing</button>
+
+                            </div>
+                        </div>
+                        <div class="inbox-img">
+                            <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                            <div>
+
+                                <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
+                                <button>macthing</button>
+
+
+                            </div>
+
+                        </div>
+
+                    </div>
+                </section>
+                 <section class="matching-section-box">
+
+                    <div>
+                        <h2>완료</h2>
+                    </div>
                     <div class="inbox-sub">
                         <div class="inbox-img">
                             <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">

             <div v-show="selectedBox === 'outbox'">
                 <section class="matching-sec">
 
-                    <h1>수신</h1>
+                    <h2>수신</h2>
                     <hr>
                     <div class="inbox-sub">
                         <div class="inbox-img">

                 </section>
                 <section class="matching-sec">
 
-                    <h1>발신</h1>
+                    <h2>발신</h2>
+                    <hr>
+                    <div class="inbox-sub">
+                        <div class="inbox-img-2">
+                            <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                            <div>
+
+                                <button>응답대기중</button>
+
+                            </div>
+                        </div>
+                        <div class="inbox-img-2">
+                            <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
+                            <div>
+
+                                <button>응답대기중</button>
+
+                            </div>
+                        </div>
+                    </div>
+                </section>
+                  <section class="matching-sec">
+
+                    <h2>완료</h2>
                     <hr>
                     <div class="inbox-sub">
                         <div class="inbox-img-2">

fee11fe

ad41462

package-lock.json

--- package-lock.json

+++ package-lock.json


 {
-  "name": "KERIS",
+  "name": "KERIS-1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

Add a comment

Open 0
Closed 0

List

...	...	@@ -455,7 +455,7 @@
455	455	width: 98%;
456	456	padding: 0.5rem 1rem;
457	457	color: white;
458		- font-size: 1.5rem;
	458	+ font-size: 1rem;
459	459	/* border-bottom: 0.5px dotted white; */
460	460
461	461	}

...	...	@@ -967,7 +967,7 @@
967	967	display: block;
968	968	}
969	969	.main-box-wrap{
970		- width: 90%;
	970	+ width: 100%;
971	971	margin: 0 auto;
972	972	grid-template-columns: 1fr;
973	973	}
...	...	@@ -1136,6 +1136,7 @@
1136	1136	.tech-bos {
1137	1137	width: 90%;
1138	1138	grid-template-columns: 1fr;
	1139	+ margin: 0 auto;
1139	1140	}
1140	1141
1141	1142	.tech-logo,
...	...	@@ -1366,7 +1367,7 @@
1366	1367	font-size: 1.5rem;
1367	1368	}
1368	1369	.main-notice{
1369		- width: 50%;
	1370	+ width: 79%;
1370	1371	}.main-text{
1371	1372	width: 50%;
1372	1373	}
...	...	@@ -1377,7 +1378,7 @@
1377	1378	font-size: 1.8rem;
1378	1379	}
1379	1380	.main-benner{
1380		- width: 50%;
	1381	+ width: 79%;
1381	1382	background-position: center;
1382	1383	}
1383	1384	.main-content-wrap{

...	...	@@ -9,14 +9,13 @@
9	9	<div class="tech-sec1">
10	10	<h2>2022년 온라인 콘텐츠 활용 교과서 선도학교 교원 역량 효과성 분석</h2>
11	11	<div>
12		- <input type="file" id="dtaildown" style="display: none;">
13		- <label for="dtaildown">기술문서 다운로드</label>
	12	+ <button>기술문서 다운로드</button>
14	13	<i class="fa-solid fa-download" style="color: #ffffff;"></i>
15	14	</div>
16	15	</div>
17	16	<!-- /상세내용 -->
18	17	<div class="tech-sec2">
19		- <div>
	18	+ <div class="tech-sec-div">
20	19	<div>
21	20	<img src="../../../../resources/jpg/tech-img.png" alt="">
22	21	</div>

...	...	@@ -29,11 +29,7 @@
29	29	<input type="radio" id="outbox" value="outbox" v-model="selectedBox">
30	30	<label for="outbox">Macthing</label>
31	31	</div>
32		- <div @click="selectedBox = 'andbox'">
33		-
34		- <input type="radio" id="andbox" value="andbox" v-model="selectedBox">
35		- <label for="andbox">완료</label>
36		- </div>
	32	+
37	33	</div>
38	34
39	35	</section>
...	...	@@ -42,7 +38,67 @@
42	38	<div v-show="selectedBox === 'inbox'" class="inbox">
43	39	<section class="matching-section-box">
44	40
	41	+ <div>
	42	+ <h2>수신</h2>
	43	+ </div>
	44	+ <div class="inbox-sub">
	45	+ <div class="inbox-img">
	46	+ <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	47	+ <div>
45	48
	49	+ <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
	50	+ <button>macthing</button>
	51	+
	52	+ </div>
	53	+ </div>
	54	+ <div class="inbox-img">
	55	+ <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	56	+ <div>
	57	+
	58	+ <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
	59	+ <button>macthing</button>
	60	+
	61	+
	62	+ </div>
	63	+
	64	+ </div>
	65	+
	66	+ </div>
	67	+ </section>
	68	+ <section class="matching-section-box">
	69	+
	70	+ <div>
	71	+ <h2>발신</h2>
	72	+ </div>
	73	+ <div class="inbox-sub">
	74	+ <div class="inbox-img">
	75	+ <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	76	+ <div>
	77	+
	78	+ <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
	79	+ <button>macthing</button>
	80	+
	81	+ </div>
	82	+ </div>
	83	+ <div class="inbox-img">
	84	+ <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	85	+ <div>
	86	+
	87	+ <button><i class="fa-regular fa-heart fa-lg" style="color: #ffffff;"></i>pick</button>
	88	+ <button>macthing</button>
	89	+
	90	+
	91	+ </div>
	92	+
	93	+ </div>
	94	+
	95	+ </div>
	96	+ </section>
	97	+ <section class="matching-section-box">
	98	+
	99	+ <div>
	100	+ <h2>완료</h2>
	101	+ </div>
46	102	<div class="inbox-sub">
47	103	<div class="inbox-img">
48	104	<img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
...	...	@@ -80,7 +136,7 @@
80	136	<div v-show="selectedBox === 'outbox'">
81	137	<section class="matching-sec">
82	138
83		- <h1>수신</h1>
	139	+ <h2>수신</h2>
84	140	<hr>
85	141	<div class="inbox-sub">
86	142	<div class="inbox-img">
...	...	@@ -107,7 +163,30 @@
107	163	</section>
108	164	<section class="matching-sec">
109	165
110		- <h1>발신</h1>
	166	+ <h2>발신</h2>
	167	+ <hr>
	168	+ <div class="inbox-sub">
	169	+ <div class="inbox-img-2">
	170	+ <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	171	+ <div>
	172	+
	173	+ <button>응답대기중</button>
	174	+
	175	+ </div>
	176	+ </div>
	177	+ <div class="inbox-img-2">
	178	+ <img src="../../../../resources/jpg/inbox-img.jpg" alt="명함박스">
	179	+ <div>
	180	+
	181	+ <button>응답대기중</button>
	182	+
	183	+ </div>
	184	+ </div>
	185	+ </div>
	186	+ </section>
	187	+ <section class="matching-sec">
	188	+
	189	+ <h2>완료</h2>
111	190	<hr>
112	191	<div class="inbox-sub">
113	192	<div class="inbox-img-2">

...	...	@@ -1,5 +1,5 @@
1	1	{
2		- "name": "KERIS",
	2	+ "name": "KERIS-1",
3	3	"lockfileVersion": 3,
4	4	"requires": true,
5	5	"packages": {

Delete comment