From 57a50e740f5d14e4026f4fefecf282cf99c9302a Mon Sep 17 00:00:00 2001
From: MuhammadKhalilzadeh <muhammadkhalilzadeh1998@gmail.com>
Date: Sat, 25 May 2024 11:30:57 +0330
Subject: [PATCH] polishing

---
 Client/src/Pages/Login/index.css | 37 +++++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 12 deletions(-)

diff --git a/Client/src/Pages/Login/index.css b/Client/src/Pages/Login/index.css
index 57a37ffe6..c823e2a6a 100644
--- a/Client/src/Pages/Login/index.css
+++ b/Client/src/Pages/Login/index.css
@@ -3,19 +3,32 @@
   --spacing-2: 20px;
   --spacing-3: 25px;
   --textfield-font-size: 13px;
+
+  --login-page-width-1: 100vw;
+  --login-page-height-1: 100vh;
+
+  --login-form-width-1: 360px;
+  --login-form-height-1: 526px;
+
+  --logo-width-1: 20px;
+  --login-font-size-medium: 13px;
+
+  --login-color-1: #101828;
+  --login-color-2: #1570ef;
+  --login-color-3: #475467;
 }
 
 .login-page {
-  width: 100vw;
+  width: var(--login-page-width-1);
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100vh;
+  min-height: var(--login-page-height-1);
 }
 
 .login-form {
-  width: 360px;
-  height: 526px;
+  width: var(--login-form-width-1);
+  height: var(--login-form-height-1);
   margin: 90px auto;
 }
 
@@ -44,7 +57,7 @@
 .login-form-heading {
   font-size: 30px;
   font-weight: 700;
-  color: #101828;
+  color: var(--login-color-1);
 }
 
 #login-email-input {
@@ -60,15 +73,15 @@
 }
 
 .login-form-forgot-password {
-  color: #1570ef;
+  color: var(--login-color-2);
   font-weight: 600;
   cursor: pointer;
-  font-size: 13px;
+  font-size: var(--login-font-size-medium);
 }
 
 .google-enter {
-  width: 20px;
-  height: 20px;
+  width: var(--logo-width-1);
+  height: var(--logo-width-1);
   margin-right: 10px;
 }
 
@@ -76,14 +89,14 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #475467;
-  font-size: 13px;
+  color: var(--login-color-3);
+  font-size: var(--login-font-size-medium);
   font-weight: 600;
 }
 
 .new-account-option-span {
   margin-left: 5px;
-  color: #1570ef;
+  color: var(--login-color-2);
   font-size: 14px;
   cursor: pointer;
 }