Commit @fa8d1f2d8f9a77237327905bb5c02e64b07a023b

류윤주 2023-11-08

231108 류윤주 로그인 수정

@fa8d1f2d8f9a77237327905bb5c02e64b07a023b

34d14bb

fa8d1f2

client/views/pages/user/login/Login.vue

--- client/views/pages/user/login/Login.vue

+++ client/views/pages/user/login/Login.vue


     text-align: center;
 }
 
-.login-sec section {
-    /* border: 1px solid red; */
+.login-sec {
+    width: 35%;
+    margin: 0 auto;
+    padding: 15rem 0;
 }
 
 .login-logo {
     width: 100%;
-    padding-top: 11rem;
-
 }
 
 .login-logo-d img {

 
 .login-input-d div {
     width: 100%;
-
     padding: 1rem;
 }
 
 .ID input,
 .PW input {
-    width: 40rem;
     height: 6rem;
     border: 1px solid #9a9a9a;
     border-radius: 1.2rem;

 }
 
 .login-checkbox {
-
     width: 100%;
 }
 
 .login-checkbox-i {
-    width: 40rem;
     text-align: left;
     margin: 0 auto;
-    /* border: 1px solid red; */
-
 }
 
 .login-checkbox-i input[type=checkbox] {
     text-align: left;
     margin: 1rem;
-    /* border: 1px solid red; */
     transform: scale(1.5);
 }
 
 .login-checkbox-i span {
     font-size: 1.5rem;
     font-family: "Pretendard-Regular";
-
 }
 
 .login-checkbox-b {
-    padding: 6rem;
+    padding: 2rem 0;
 }
 
 .login-checkbox-b button {
     padding: 1rem;
-    /* margin: 1rem; */
     color: #333;
     font-family: "Pretendard-Regular";
     font-weight: 500;

 
 .login-button {
     width: 100%;
-    padding: 0rem 0rem 10rem 0rem;
 }
 
 .login-button button {
-    width: 40rem;
+    width: 100%;
     padding: 2rem;
     background-color: #3f87f7;
     color: white;

Add a comment

Open 0
Closed 0

List

...	...	@@ -163,14 +163,14 @@
163	163	text-align: center;
164	164	}
165	165
166		-.login-sec section {
167		- /* border: 1px solid red; */
	166	+.login-sec {
	167	+ width: 35%;
	168	+ margin: 0 auto;
	169	+ padding: 15rem 0;
168	170	}
169	171
170	172	.login-logo {
171	173	width: 100%;
172		- padding-top: 11rem;
173		-
174	174	}
175	175
176	176	.login-logo-d img {
...	...	@@ -200,13 +200,11 @@
200	200
201	201	.login-input-d div {
202	202	width: 100%;
203		-
204	203	padding: 1rem;
205	204	}
206	205
207	206	.ID input,
208	207	.PW input {
209		- width: 40rem;
210	208	height: 6rem;
211	209	border: 1px solid #9a9a9a;
212	210	border-radius: 1.2rem;
...	...	@@ -215,38 +213,31 @@
215	213	}
216	214
217	215	.login-checkbox {
218		-
219	216	width: 100%;
220	217	}
221	218
222	219	.login-checkbox-i {
223		- width: 40rem;
224	220	text-align: left;
225	221	margin: 0 auto;
226		- /* border: 1px solid red; */
227		-
228	222	}
229	223
230	224	.login-checkbox-i input[type=checkbox] {
231	225	text-align: left;
232	226	margin: 1rem;
233		- /* border: 1px solid red; */
234	227	transform: scale(1.5);
235	228	}
236	229
237	230	.login-checkbox-i span {
238	231	font-size: 1.5rem;
239	232	font-family: "Pretendard-Regular";
240		-
241	233	}
242	234
243	235	.login-checkbox-b {
244		- padding: 6rem;
	236	+ padding: 2rem 0;
245	237	}
246	238
247	239	.login-checkbox-b button {
248	240	padding: 1rem;
249		- /* margin: 1rem; */
250	241	color: #333;
251	242	font-family: "Pretendard-Regular";
252	243	font-weight: 500;
...	...	@@ -269,11 +260,10 @@
269	260
270	261	.login-button {
271	262	width: 100%;
272		- padding: 0rem 0rem 10rem 0rem;
273	263	}
274	264
275	265	.login-button button {
276		- width: 40rem;
	266	+ width: 100%;
277	267	padding: 2rem;
278	268	background-color: #3f87f7;
279	269	color: white;

Delete comment