fixes #1258 signup button overflowing in mobile devices when guest us…

…er sign in (#1259) * fixes #1258 singup button overflowing in mobile devices when user singup as a guest * fix: colors --------- Co-authored-by: narayan soni <narayansoni854@gmail.com>
narayan954 · Sep 7, 2023 · f77785a · f77785a
1 parent 5b3ccfa
commit f77785a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/components/Guest/GuestSignUpBtn/index.css b/src/components/Guest/GuestSignUpBtn/index.css
@@ -11,12 +11,13 @@
   border-radius: 1rem;
   cursor: pointer;
   font-weight: 600;
-  background: none;
-  border: 2px solid #5f85db;
+  background: var(--btn-color);
+  border: none;
   transition: 0.3s ease-in-out;
-  color: #5f85db;
+  color: #ffffff;
 }
 
 .guest-sign-up-button:hover {
   transform: scale(1.1);
+  color: var(----btn-color-hover);
 }
diff --git a/src/index.css b/src/index.css
@@ -14,8 +14,8 @@
   --profile-container: #f4eeff;
   --profile-box-shadow: 0 0 6px 0 black;
   --logo-text-shadow: none;
-  --btn-color: linear-gradient(-40deg, #daf1f7, #5f85db);
-  --btn-color-hover: linear-gradient(40deg, #5f85db, #daf1f7);
+  --btn-color: linear-gradient(-40deg, #72cbf7, #5f85db);
+  --btn-color-hover: linear-gradient(40deg, #5f85db, #72cbf7);
   --btn-hover: #5f85db;
   --page-over-color: #00bfff;
   --slide-color: #dfffd8;
@@ -50,8 +50,8 @@
   --profile-container: rgb(50, 48, 48);
   --profile-box-shadow: 0 0 6px white;
   /* --logo-text-shadow: 0 0 10px #eeeeee, 0 0 20px #5F85DB, 0 0 30px #fff; */
-  --btn-color: linear-gradient(40deg, #5f85db, #daf1f7);
-  --btn-color-hover: linear-gradient(-40deg, #daf1f7, #5f85db);
+  --btn-color: linear-gradient(40deg, #5f85db, #72cbf7);
+  --btn-color-hover: linear-gradient(-40deg, #72cbf7, #5f85db);
   --btn-hover: #5f85db;
   --page-over-color: #26282b;
   --slide-color: #041c32;