Răsfoiți Sursa

some updates on css and forms

admin 6 ani în urmă
părinte
comite
79a9007458
3 a modificat fișierele cu 65 adăugiri și 62 ștergeri
  1. 63 0
      views/landingPage/landing.css
  2. 2 2
      views/landingPage/landing.ejs
  3. 0 60
      views/shared/shared.css

+ 63 - 0
views/landingPage/landing.css

@@ -166,6 +166,69 @@
   }
 /* ----The Checkbox and Inputs End---- */
 
+/* Inputs Start */
+
+input[type=text], select {
+    width: 100%;
+    padding: 12px 20px;
+    margin: 8px 0;
+    display: inline-block;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+    padding-bottom: 16px;
+    font-size: 16px;
+
+  }
+
+  input[type=text], input[type=password], select {
+    width: 100%;
+    padding: 12px 20px;
+    margin: 8px 0;
+    display: inline-block;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+    font-size: 16px;
+  }
+  
+  input[type=submit] {
+    width: 100%;
+    background-color:rgb(255, 99, 107);
+    color: white;
+    padding: 14px 20px;
+    margin: 8px 0;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 22px;
+    margin-top: 30px;
+  }
+
+  input[type=submit]:hover {
+    background: rgb(243, 77, 86);
+    color: white;
+  }
+
+  input[type=text]:focus, input[type=password]:focus {
+    border: 2px solid #555;
+    outline: none;
+  }
+
+  input[type=button] {
+    background-color: rgb(255, 99, 107);
+  }
+
+  input[type=button]:hover {
+    background-color:rgb(0, 27, 45);
+  }
+
+  .input-error{
+    border-color: red;
+}
+
+/* Inputs End */
+
 @media screen and (max-width: 600px){
     .logo-text img{
         max-height: 20vh;

+ 2 - 2
views/landingPage/landing.ejs

@@ -45,9 +45,9 @@
 
         <div id="registerStrand">
             <form onsubmit="registerObj.submit()">
-                <h1> Please Sign Up </h1>
+                <h1> Clover User? Let's Start </h1>
 
-                <h3 class="link" onclick="loginObj.display()"> Or Register with Clover </h3>
+                <h3 class="link" onclick="loginObj.display()"> Or Register from Scratch </h3>
 
                 <label id="nameLabel">Restaurant Name
                     <input class="input" id="regName" name="name" type="text" required>

+ 0 - 60
views/shared/shared.css

@@ -172,66 +172,6 @@ form{
     margin: 30px 0;
 }
 
-.input-error{
-    border-color: red;
-}
-
-input[type=text], select {
-    width: 100%;
-    padding: 12px 20px;
-    margin: 8px 0;
-    display: inline-block;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    box-sizing: border-box;
-    padding-bottom: 16px;
-    font-size: 16px;
-
-  }
-
-  input[type=text], input[type=password], select {
-    width: 100%;
-    padding: 12px 20px;
-    margin: 8px 0;
-    display: inline-block;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    box-sizing: border-box;
-    font-size: 16px;
-  }
-  
-  input[type=submit] {
-    width: 100%;
-    background-color:rgb(255, 99, 107);
-    color: white;
-    padding: 14px 20px;
-    margin: 8px 0;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 22px;
-    margin-top: 30px;
-  }
-
-  input[type=submit]:hover {
-    background: rgb(243, 77, 86);
-    color: white;
-  }
-
-  input[type=text]:focus, input[type=password]:focus {
-    border: 2px solid #555;
-    outline: none;
-  }
-
-
-  input[type=button] {
-    background-color: rgb(255, 99, 107);
-  }
-
-  input[type=button]:hover {
-    background-color:rgb(0, 27, 45);
-  }
-
 
 .strand, .action{
     display: none;