Commit @91ed28cfa953d31116fe6ca26d4a78de87f07b08

김하영 2023-12-04

231204김하영

@91ed28cfa953d31116fe6ca26d4a78de87f07b08

7ee12d0

91ed28c

client/resources/css/Main.css

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

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


   top: 50%;
   left: 50%;
   width: 400px;
-  max-height: 400px;
-  overflow-y: scroll ;
+  height: 400px;
   transform: translate(-50%, -50%);
   background: white;
   padding: 20px;

   z-index: 999;
 }
 
+.mat-scroll{
+  width: 100%;
+  max-height: 400px;
 
-/* 아래의 모든 코드는 영역::코드로 사용 */
-.matching-modal2::-webkit-scrollbar {
-    width: 10px;  /* 스크롤바의 너비 */
+  overflow-y: scroll ;
 }
 
-.matching-modal2::-webkit-scrollbar-thumb {
+/* 아래의 모든 코드는 영역::코드로 사용 */
+.mat-scroll::-webkit-scrollbar {
+    width: 10px;  /* 스크롤바의 너비 */
+}
+.mat-scroll::-webkit-scrollbar-thumb {
     height: 30%; /* 스크롤바의 길이 */
     background: #217af4; /* 스크롤바의 색상 */
     
     border-radius: 10px;
 }
 
-.matching-modal2::-webkit-scrollbar-track {
+.mat-scroll::-webkit-scrollbar-track {
     background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
 }
 

7ee12d0

91ed28c

client/views/pages/user/networking/MatchingOne.vue

--- client/views/pages/user/networking/MatchingOne.vue

+++ client/views/pages/user/networking/MatchingOne.vue


         <div class="mat-modal">
             <h2>우리기업을 PICK한 기업</h2>
         </div>
-        <table class="mat-modal-img">
+        <div class="mat-scroll">
+            <table class="mat-modal-img">
             <colgroup>
                 <col style="width: 30%;" />
                 <col style="width: 40%;" />

                 </tr>
             </tbody>
         </table>
+        </div>
+      
     </div>
 </template>
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -844,8 +844,7 @@
844	844	top: 50%;
845	845	left: 50%;
846	846	width: 400px;
847		- max-height: 400px;
848		- overflow-y: scroll ;
	847	+ height: 400px;
849	848	transform: translate(-50%, -50%);
850	849	background: white;
851	850	padding: 20px;
...	...	@@ -854,20 +853,25 @@
854	853	z-index: 999;
855	854	}
856	855
	856	+.mat-scroll{
	857	+ width: 100%;
	858	+ max-height: 400px;
857	859
858		-/* 아래의 모든 코드는 영역::코드로 사용 */
859		-.matching-modal2::-webkit-scrollbar {
860		- width: 10px; /* 스크롤바의 너비 */
	860	+ overflow-y: scroll ;
861	861	}
862	862
863		-.matching-modal2::-webkit-scrollbar-thumb {
	863	+/* 아래의 모든 코드는 영역::코드로 사용 */
	864	+.mat-scroll::-webkit-scrollbar {
	865	+ width: 10px; /* 스크롤바의 너비 */
	866	+}
	867	+.mat-scroll::-webkit-scrollbar-thumb {
864	868	height: 30%; /* 스크롤바의 길이 */
865	869	background: #217af4; /* 스크롤바의 색상 */
866	870
867	871	border-radius: 10px;
868	872	}
869	873
870		-.matching-modal2::-webkit-scrollbar-track {
	874	+.mat-scroll::-webkit-scrollbar-track {
871	875	background: rgba(33, 122, 244, .1); /스크롤바 뒷 배경 색상/
872	876	}
873	877

...	...	@@ -87,7 +87,8 @@
87	87	<div class="mat-modal">
88	88	<h2>우리기업을 PICK한 기업</h2>
89	89	</div>
90		- <table class="mat-modal-img">
	90	+ <div class="mat-scroll">
	91	+ <table class="mat-modal-img">
91	92	<colgroup>
92	93	<col style="width: 30%;" />
93	94	<col style="width: 40%;" />
...	...	@@ -111,6 +112,8 @@
111	112	</tr>
112	113	</tbody>
113	114	</table>
	115	+ </div>
	116	+
114	117	</div>
115	118	</template>
116	119

Delete comment