diff --git a/server/public/css/dashboard.css b/server/public/css/dashboard.css index 3165cd7..1126b73 100644 --- 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 index 6c15d2f..ec42582 100644 --- 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 index 2ab4491..f04bedc 100644 --- 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 index f397bdf..14f1baa 100644 --- 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 index 8c9f0e6..295d1fa 100644 --- 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,14 +115,13 @@ 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; @@ -130,7 +129,7 @@ form p{ 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 index 5f3f5c6..a240395 100644 --- 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 index 8f8c009..0ee7f3c 100644 --- a/server/resource/views/authentication/registerDoctor.handlebars +++ b/server/resource/views/authentication/registerDoctor.handlebars @@ -15,7 +15,6 @@
-