Commit @99eb1f903db7e439d1ee1fa0e3214b98dd4c8410

최정임 03-27

250327 최정임 css수정

@99eb1f903db7e439d1ee1fa0e3214b98dd4c8410

8392289

99eb1f9

client/resources/css/user/main.css

--- client/resources/css/user/main.css

+++ client/resources/css/user/main.css


     left: 0;
     background-image: url(../../images/allmenu-bg.png);
     background-repeat: no-repeat;
+    background-color: #fff;
     width: 100%;
     height: 420px;
     button.closebtn{

             text-overflow: ellipsis; 
         }
         span{
-            width: 89px;
+            width: 115px;
             font-family: "Pretendard-L";
             font-size: 16px;
             color: #666666;

8392289

99eb1f9

client/resources/css/user/sub.css

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

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


         background-color: #ce3e48;
         color: #fff;
 
-        a {
+        a, span {
             color: #fff;
         }
     }

     }
 
     .invalid-feedback {
+        display: flex;
         border: 0;
         background-color: transparent;
-        margin-left: 0;
+        margin-left: 10px;
+        span{
+            color: #e22d2d;
+            font-size: 14px;
+            font-family: "Pretendard-EL";
+        }
+      
     }
 
 }

 .file-label {
     display: inline-block;
     padding: 25px 0px;
-    width: 100%;
+    width: 100% !important;
     background-color: #f6f6f6;
     border: 2px dashed #dadada;
     color: white;

     font-size: 16px;
     color: #333;
 
-    span {
+    &> div, span {
         color: #dadada;
     }
 

         overflow: hidden;
 
         thead {
+            display: table;
+            width: 100%;
             background-color: #636364;
 
             th {

         }
 
         td {
-            border: 1px solid #eee;
+            /* border: 1px solid #eee; */
             text-align: center;
         }
-
+        tbody {
+            border: 1px solid #eee;
+            display: block;
+            min-height: 53rem;
+            max-height: 53rem; /* Adjust the height as per your requirement */
+            overflow-y: auto;
+            overflow-x: hidden; /* Optional: Prevent horizontal scroll */
+          }
+          tbody tr{ table-layout: fixed; display: table;width: 100%;}
         tbody tr:hover td {
             background-color: #007ac3;
             /* Change background color of the cell */

8392289

99eb1f9

client/views/pages/user/MyInfo.vue

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

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


             </dl>
         </form>
         <div class="btn-group flex-end">
-            <button class="signout" type="button" @click="fnDeleteUser">회원탈퇴</button>
-            <button class="update" type="button" @click="fnUpdateUser">수정</button>
+            <button class="red-line" type="button" @click="fnDeleteUser">회원탈퇴</button>
+            <button class="blue-line" type="button" @click="fnUpdateUser">수정</button>
         </div>
     </div>
 </template>

Add a comment

Open 0
Closed 0

List

...	...	@@ -17,6 +17,7 @@
17	17	left: 0;
18	18	background-image: url(../../images/allmenu-bg.png);
19	19	background-repeat: no-repeat;
	20	+ background-color: #fff;
20	21	width: 100%;
21	22	height: 420px;
22	23	button.closebtn{
...	...	@@ -318,7 +319,7 @@
318	319	text-overflow: ellipsis;
319	320	}
320	321	span{
321		- width: 89px;
	322	+ width: 115px;
322	323	font-family: "Pretendard-L";
323	324	font-size: 16px;
324	325	color: #666666;

...	...	@@ -143,7 +143,7 @@
143	143	background-color: #ce3e48;
144	144	color: #fff;
145	145
146		- a {
	146	+ a, span {
147	147	color: #fff;
148	148	}
149	149	}
...	...	@@ -632,9 +632,16 @@
632	632	}
633	633
634	634	.invalid-feedback {
	635	+ display: flex;
635	636	border: 0;
636	637	background-color: transparent;
637		- margin-left: 0;
	638	+ margin-left: 10px;
	639	+ span{
	640	+ color: #e22d2d;
	641	+ font-size: 14px;
	642	+ font-family: "Pretendard-EL";
	643	+ }
	644	+
638	645	}
639	646
640	647	}
...	...	@@ -647,7 +654,7 @@
647	654	.file-label {
648	655	display: inline-block;
649	656	padding: 25px 0px;
650		- width: 100%;
	657	+ width: 100% !important;
651	658	background-color: #f6f6f6;
652	659	border: 2px dashed #dadada;
653	660	color: white;
...	...	@@ -674,7 +681,7 @@
674	681	font-size: 16px;
675	682	color: #333;
676	683
677		- span {
	684	+ &> div, span {
678	685	color: #dadada;
679	686	}
680	687
...	...	@@ -1089,6 +1096,8 @@
1089	1096	overflow: hidden;
1090	1097
1091	1098	thead {
	1099	+ display: table;
	1100	+ width: 100%;
1092	1101	background-color: #636364;
1093	1102
1094	1103	th {
...	...	@@ -1098,10 +1107,18 @@
1098	1107	}
1099	1108
1100	1109	td {
1101		- border: 1px solid #eee;
	1110	+ /* border: 1px solid #eee; */
1102	1111	text-align: center;
1103	1112	}
1104		-
	1113	+ tbody {
	1114	+ border: 1px solid #eee;
	1115	+ display: block;
	1116	+ min-height: 53rem;
	1117	+ max-height: 53rem; /* Adjust the height as per your requirement */
	1118	+ overflow-y: auto;
	1119	+ overflow-x: hidden; /* Optional: Prevent horizontal scroll */
	1120	+ }
	1121	+ tbody tr{ table-layout: fixed; display: table;width: 100%;}
1105	1122	tbody tr:hover td {
1106	1123	background-color: #007ac3;
1107	1124	/* Change background color of the cell */

...	...	@@ -55,8 +55,8 @@
55	55	</dl>
56	56	</form>
57	57	<div class="btn-group flex-end">
58		- <button class="signout" type="button" @click="fnDeleteUser">회원탈퇴</button>
59		- <button class="update" type="button" @click="fnUpdateUser">수정</button>
	58	+ <button class="red-line" type="button" @click="fnDeleteUser">회원탈퇴</button>
	59	+ <button class="blue-line" type="button" @click="fnUpdateUser">수정</button>
60	60	</div>
61	61	</div>
62	62	</template>

Delete comment