jichoi / lms_front star
이은진 이은진 09-13
240913 이은진 로그인 css 수정
@108ef2dec264fa76ec21e482ae071de19a5216ab
adc9f62
108ef2d
client/views/Login.vue
--- client/views/Login.vue
+++ client/views/Login.vue
@@ -1,5 +1,5 @@
 
 <template>
 
-   <div class="login-container">
 
+   <div style="padding: 20px 20px;">
 
 
       <div class="login ">
 
          <div class="logo flex justify-end"><img src="../resources/img/logo.png" alt=""></div>
@@ -57,12 +57,13 @@
 
          <div class="find-form mt30" v-if="selectedTab === 'tab1'">
 
             <div class="mb20 flex justify-between align-center">
 
                <p class="title2" for="username" style="width: 12rem;">이름</p>
 
-               <input class="data-wrap" type="text" id="username" v-model="findUserNm" placeholder="이름을 입력하세요."  style="width: 45rem;" >
 
+               <input class="data-wrap" type="text" id="username" v-model="findUserNm" placeholder="이름을 입력하세요."
 
+                  style="width: 45rem;">
 
             </div>
 
             <div class="mb30 flex justify-between align-center">
 
                <p class="title2" for="username" style="width: 12rem;">전화번호</p>
 
-               <div class="flex justify-between align-center"><input class="data-wrap"
 
-                     style="width: 14rem;" type="text" id="username" v-model="findTel1">
 
+               <div class="flex justify-between align-center"><input class="data-wrap" style="width: 14rem;" type="text"
 
+                     id="username" v-model="findTel1">
 
                   <p class="title2">-</p><input class="data-wrap" style="width: 14rem;" type="text" id="username"
 
                      v-model="findTel2">
 
                   <p class="title2">-</p><input class="data-wrap" style="width: 14rem;" type="text" id="username"
@@ -82,15 +83,18 @@
 
          <div class="find-form mt30" v-else-if="selectedTab === 'tab2'">
 
             <div class="mb20 flex justify-between align-center">
 
                <p class="title2" for="username" style="width: 12rem;">아이디</p>
 
-               <input class="data-wrap" type="text" id="username" v-model="changeLoginId" placeholder="아이디를 입력하세요." style="width: 45rem;" >
 
+               <input class="data-wrap" type="text" id="username" v-model="changeLoginId" placeholder="아이디를 입력하세요."
 
+                  style="width: 45rem;">
 
             </div>
 
             <div class="mb20 flex justify-between align-center">
 
                <p class="title2" for="username" style="width: 14rem;">변경할 비밀번호</p>
 
-               <input class="data-wrap" type="password" id="username" v-model="changeUserPw" placeholder="변경할 비밀번호를 입력하세요." style="width: 45rem;" >
 
+               <input class="data-wrap" type="password" id="username" v-model="changeUserPw"
 
+                  placeholder="변경할 비밀번호를 입력하세요." style="width: 45rem;">
 
             </div>
 
             <div class="mb20 flex justify-between align-center">
 
                <p class="title2" for="username" style="width: 12rem;">비밀번호 확인</p>
 
-               <input class="data-wrap" type="password" id="username" v-model="changeUserPwCheck" placeholder="변경할 비밀번호를 입력하세요." style="width: 45rem;" >
 
+               <input class="data-wrap" type="password" id="username" v-model="changeUserPwCheck"
 
+                  placeholder="변경할 비밀번호를 입력하세요." style="width: 45rem;">
 
             </div>
 
             <div class="flex justify-center ">
 
                <button type="button" title="글쓰기" class="new-btn mr10" @click="closeBtn">
@@ -161,8 +165,8 @@
 
          findTel1: '',
 
          findTel2: '',
 
          findTel3: '',
 
-         findUserInfo : {},
 
-         changeLoginId:'',
 
+         findUserInfo: {},
 
+         changeLoginId: '',
 
          changeUserPw: '',
 
          changeUserPwCheck: '',
 
       }
Add a comment
List