fix UI

thanhduy1706 · Dec 27, 2023 · b65a6fb · b65a6fb
1 parent 87bbb1b
commit b65a6fb
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 77 deletions.
diff --git a/server/public/css/dashboard.css b/server/public/css/dashboard.css
@@ -869,28 +869,6 @@ fieldset i {
   border-radius: 8px;
 }
 
-.doctor-form-box h1 {
-  color: #e6f0ff;
-  font-size: 30px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 4px;
-  margin-bottom: 60px;
-  position: relative;
-}
-
-.doctor-form-box h1::after {
-  content: "";
-  width: 130px;
-  height: 4px;
-  border-radius: 3px;
-  background: #ffffff;
-  position: absolute;
-  bottom: -12px;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
 .doctor-input-field {
   background: #eaeaea;
   margin: 15px 0;
@@ -970,27 +948,26 @@ form p {
 }
 
 .doctor-registerBtn {
-  display: flex;
-  position: fixed;
-  top: 110px;
-  align-items: center;
+  display: block;
+  position: relative;
   margin-left: auto;
   margin-right: auto;
-  margin-top: auto;
-  margin-bottom: 100px;
+  margin-top: 20px;
+  margin-bottom: 50px;
   width: 50%;
   height: 20%;
   background: transparent;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  border: 0;
   outline: 0;
-  padding: 130px 30px;
-  border-radius: 40px;
+  padding: 30px 30px;
   color: #ffffff;
   border: 2px solid rgba(255, 255, 255, 0.2);
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 2px;
   cursor: pointer;
+  border-radius: 40px;
   transition: background 0.1s ease 0.1s;
 }
 
@@ -1147,7 +1124,7 @@ form p {
 }
 
 #title {
-  color: #0c182f;
+  color: #ffffff;
   font-size: 50px;
   font-weight: 700;
   text-transform: uppercase;

diff --git a/server/public/css/doctor_login.css b/server/public/css/doctor_login.css
@@ -98,7 +98,7 @@ form p {
   height: 280px;
 }
 
-.loginBtn {
+.doctor-loginBtn {
   display: block;
   position: relative;
   margin-left: auto;
@@ -112,14 +112,13 @@ form p {
   border: 0;
   outline: 0;
   padding: 30px 30px;
-  border-radius: 8px;
   color: #ffffff;
   border: 2px solid rgba(255, 255, 255, 0.2);
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 2px;
   cursor: pointer;
-  border-radius: 40px;
+  border-radius: 50px;
   padding: 20px 45px 20px 20px;
   font-size: 18px;
   font-weight: 700;
@@ -128,7 +127,7 @@ form p {
   transition: background 0.1s ease 0.1s;
 }
 
-.loginBtn:hover {
+.doctor-loginBtn:hover {
   background: linear-gradient(90deg, rgb(202, 65, 184) 0%, rgb(96, 32, 221) 100%);
   color: #fff;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);

diff --git a/server/public/css/doctor_register.css b/server/public/css/doctor_register.css
@@ -17,6 +17,7 @@
   width: 90%;
   max-width: 450px;
   position: absolute;
+  height: 90%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -81,7 +82,7 @@ form p {
   height: 280px;
 }
 
-.registerBtn {
+.doctor-registerBtn {
   display: block;
   position: relative;
   margin-left: auto;

diff --git a/server/resource/scss/dashboard.scss b/server/resource/scss/dashboard.scss
@@ -1004,33 +1004,8 @@ i{
   text-align: center;
   border: 2px solid rgba(255, 255, 255, .2);
   border-radius: 8px;
-
 }
 
-.doctor-form-box h1{
-  color:#e6f0ff;
-  font-size: 30px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 4px;
-  margin-bottom: 60px;
-  position: relative;
-
-}
-
-.doctor-form-box h1::after{
-  content: '';
-  width: 130px;
-  height: 4px;
-  border-radius: 3px;
-  background: #ffffff;
-  position: absolute;
-  bottom: -12px;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-
 .doctor-input-field{
   background: #eaeaea;
   margin: 15px 0;
@@ -1060,6 +1035,7 @@ input{
   border-radius: 40px;
   padding: 20px 45px 20px 20px;
 }
+
 form p{
   text-align: center;
   font-size: 17px;
@@ -1109,29 +1085,29 @@ form p{
 }
 
 .doctor-registerBtn{
-  display: flex;
-  position: fixed;
-  top: 110px;
-  align-items: center;
+  display: block;
+  position: relative;
   margin-left: auto;
   margin-right: auto;
-  margin-top: auto;
-  margin-bottom: 100px;
+  margin-top: 20px;
+  margin-bottom: 50px;
   width: 50%;
   height: 20%;
   background: transparent;
   box-shadow: 0 5px 10px rgba(0,0,0,0.3);
+  border: 0;
   outline: 0;
-  padding: 130px 30px;
-  border-radius: 40px;
+  padding: 30px 30px;
   color: #ffffff;
   border: 2px solid rgba(255, 255, 255, .2);
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 2px;
   cursor: pointer;
+  border-radius: 40px;
   transition: background 0.1s ease 0.1s;
 }
+
 .doctor-registerBtn:hover {
   background: linear-gradient(90deg, rgba(202,65,184,1) 0%, rgba(96,32,221,1) 100%);
   color: #fff;
@@ -1140,6 +1116,7 @@ form p{
 }
 
 
+//Patient
 .patient-form-box{
   width: 90%;
   max-width: 450px;
@@ -1287,7 +1264,7 @@ form p{
 }
 
 #title{
-  color: #0c182f;
+  color: #ffffff;
   font-size: 50px;
   font-weight: 700;
   text-transform: uppercase;

diff --git a/server/resource/scss/doctor_login.scss b/server/resource/scss/doctor_login.scss
@@ -101,7 +101,7 @@ form p{
     height: 280px;
 }
 
-.loginBtn{
+.doctor-loginBtn{
     display: block;
     position: relative;
     margin-left: auto;
@@ -115,22 +115,21 @@ form p{
     border: 0;
     outline: 0;
     padding: 30px 30px;
-    border-radius: 8px;
     color: #ffffff;
     border: 2px solid rgba(255, 255, 255, .2);
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 2px;
     cursor: pointer;
-    border-radius: 40px;
+    border-radius: 50px;
     padding: 20px 45px 20px 20px;
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 2px;
     cursor: pointer;
     transition: background 0.1s ease 0.1s;
 }
-.loginBtn:hover {
+.doctor-loginBtn:hover {
     background: linear-gradient(90deg, rgba(202,65,184,1) 0%, rgba(96,32,221,1) 100%);
     color: #fff;
     box-shadow: 0 5px 10px rgba(0,0,0,0.3);

diff --git a/server/resource/scss/doctor_register.scss b/server/resource/scss/doctor_register.scss
@@ -17,6 +17,7 @@
     width: 90%;
     max-width: 450px;
     position: absolute;
+    height: 90%;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
@@ -28,7 +29,6 @@
     text-align: center;
     border: 2px solid rgba(255, 255, 255, .2);
     border-radius: 8px;
-
 }
 
 .form-box h1{
@@ -83,7 +83,7 @@ form p{
     height: 280px;
 }
 
-.registerBtn{
+.doctor-registerBtn{
     display: block;
     position: relative;
     margin-left: auto;

diff --git a/server/resource/views/authentication/registerDoctor.handlebars b/server/resource/views/authentication/registerDoctor.handlebars
@@ -15,7 +15,6 @@
                     <div class="doctor-input-field">
                         <i class="fa-solid fa-phone"></i>
                         <input type="text" placeholder="Enter your mobile phone" name="phone" required>
-
                     </div>
                      <div class="doctor-input-field">
                         <i class="fa-solid fa-map"></i>