Ajustes de estilos

InitialCommit-Ltda · Jun 9, 2023 · 597e1cd · 597e1cd
1 parent 8072213
commit 597e1cd
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 30 deletions.
diff --git a/src/pages/Cadastro.js b/src/pages/Cadastro.js
@@ -1,7 +1,7 @@
 function Cadastro() {
     return (
         <div className="App">
-            <header className="App-header">
+            <header className="Page">
 
                 <h1>
                     CADASTRO

diff --git a/src/pages/Contato.js b/src/pages/Contato.js
@@ -1,7 +1,7 @@
 function Contato() {
     return (
         <div className="App">
-            <header className="App-header">
+            <header className="Page">
                 <h1>
                     CONTATO
                 </h1>

diff --git a/src/pages/Home.js b/src/pages/Home.js
@@ -3,11 +3,13 @@ import '../styles/pages.css'
 function Home() {
     return (
         <div className="Page">
-            <div className="container-busca">
+            <div className="container-busca" style={{display: 'none'}}>
                 <div className="busca">
                     <form>
-                        <input type='date' placeholder='Data'>
-                        </input>
+                        <label for='dtAluguel'>Data:</label>
+                        <input type='date' placeholder='Data' id='dtAluguel'/><br/>
+                        <label for='dtRetorno'>Retorno:</label>
+                        <input type='date' id='dtRetorno'/>
                     </form>
                 </div>
             </div>

diff --git a/src/pages/Login.js b/src/pages/Login.js
@@ -1,18 +1,27 @@
 import { Link } from 'react-router-dom';
+import '../styles/pages.css';
 
 function Login() {
     return (
         <div className="App">
-            <header className="App-header">
+            <header className="Page">
                 <h1>Login</h1>
-                <label for="email">E-mail</label>
-                <input type="email"></input>
-                <label for="senha">Senha</label>
-                <input type="password"></input>
-                <button>Acessar</button>
-                <Link to="/cadastro">
-                    <button>Cadastrar</button>
-                </Link>                
+                <form>
+                    <label for="email">E-mail</label>
+                    <input type="email"></input><br />
+                    <label for="senha">Senha</label>
+                    <input type="password"></input><br />
+                    <button>Acessar</button>
+                </form>
+
+                <p className='login-cadastro'>
+                    Não é cadastrado?
+                    <Link to="/cadastro" className='login-cadastro-link'>
+                        Cadastre-se!
+                    </Link>
+                </p>
+
+
             </header>
         </div>
     );

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -10,15 +10,11 @@ body {
 .App {
   text-align: center;
   background-color: #cacfdb;
-  height: 100vh;
+  min-height: calc(100vh - 120px);
   color: white;
   font-size: calc(10px + 2vmin);
 }
 
-.App-link {
-  color: #61dafb;
-}
-
 .App-content {
   margin-top: 120px;
 }
@@ -27,7 +23,7 @@ body {
   margin-left: 15vh;
   margin-right: 15vh;
   background-color: #282c34;
-  height: 100vh;
+  min-height: calc(100vh - 120px);
 }
 
 @media (max-width: 768px) {

diff --git a/src/styles/pages.css b/src/styles/pages.css
@@ -1,15 +1,13 @@
-.container-busca {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+.login-cadastro {
+    font-size: large;
+    font-weight: 500;
 }
 
-.busca {
-    background-color: #677081;
-    height: 100px;
-    width: 50vw;
+.login-cadastro-link {
+    text-decoration: none;
+    color: #61dafb;
 }
 
-@media (max-width: 768px) {
+.login-cadastro-link:hover {
+    color: #ff0000;
 }