update

ICEI-PUC-Minas-PPLCC-TI · Jun 29, 2024 · e1c2158 · e1c2158
1 parent 76b80fa
commit e1c2158
Show file tree

Hide file tree

Showing 7 changed files with 91 additions and 42 deletions.
diff --git a/codigo/novas-receitas/verNovasReceitas.html b/codigo/novas-receitas/verNovasReceitas.html
@@ -12,11 +12,11 @@
   <link rel="stylesheet" href="assets/css/novasReceitas.css">
   <title>receitas</title>
 </head>
-  <header><a href="/codigo/pagina-principal/index.html"> <img src="assets/imgs/_Logo.png" alt="dawdaw" class="centralizar" width="200" height="100">
-      </a>
-      <button><a href="./criarReceitas.html">criar mais receitas</a></button>    
-      <script src="assets/js/verNovasReceitas.js"></script>
-  </header>
   <body>
+    <header><a href="/codigo/pagina-principal/index.html"> <img src="assets/imgs/_Logo.png" alt="dawdaw" class="centralizar" width="200" height="100">
+        </a>
+        <button><a href="./criarReceitas.html">criar mais receitas</a></button>    
+    </header>
     <div class="row row-cols-1 row-cols-md-2 g-4 receitas"></div>
+    <script src="assets/js/verNovasReceitas.js"></script>
   </body>
diff --git a/codigo/pagina-cozinhar/assets/css/pagCozinhar.css b/codigo/pagina-cozinhar/assets/css/pagCozinhar.css
@@ -32,6 +32,10 @@ html {
     margin: 0 auto; 
 }
 
+.img-logo img:hover {
+    transform: scale(1.12);
+}
+
 .main-content-ingredientes {
     gap: 20px; 
     margin-top: 100px;
@@ -59,6 +63,10 @@ html {
     cursor: pointer;
 }
 
+.botaoAdicionar:hover {
+    transform: scale(1.12);
+}
+
 .grid-container input {
     margin-left: 10px;
     padding: 5px;
@@ -91,6 +99,10 @@ html {
     cursor: pointer;
 }
 
+.lixo:hover {
+    transform: scale(1.12);
+}
+
 .ingrediente {
     background-color: #d5741a; 
     padding: 10px; 

diff --git a/codigo/pagina-favoritos/assets/css/pagFav.css b/codigo/pagina-favoritos/assets/css/pagFav.css
@@ -32,6 +32,10 @@ html {
     margin: 0 auto; 
 }
 
+.img-logo img:hover {
+    transform: scale(1.12);
+}
+
 .titulo-fav h1 {
     display: block;
     text-align: center;

diff --git a/codigo/pagina-principal/assets/css/barraPesquisa.css b/codigo/pagina-principal/assets/css/barraPesquisa.css
@@ -1,15 +1,15 @@
 input{
-    width: 13%;
+    width: 15%;
     height: 25px;
-    padding-left: 20px;
+    padding-left: 10px;
     font-size: 15px;
-    border: 1px solid;
+    border: 1px solid white;
     border-radius: 8px;
 }
 .buscar{
    background-image: linear-gradient(to bottom, #F9B83A 65%, #D49927 65%, #D49927 100%);
    display: list-item;
-    padding: 20px;
+    padding: 10px;
     align-items: center;
     justify-content: center;
     position: relative;

diff --git a/codigo/pagina-principal/assets/css/pagPrincipal.css b/codigo/pagina-principal/assets/css/pagPrincipal.css
@@ -10,11 +10,34 @@ html{
     background-color: #f9b83a;
     z-index:1000;
     padding: 20px;
-    text-align: center;
+}
+
+div.links { 
+    text-align: right;
+    justify-content: right;
+}
+
+div.links a {
+    display: inline-block;
+    padding: 10px 20px;
+    margin: 10px;
+    background-color: #D49927;
+    color: #fff;
+    border: none;
+    border-radius: 20px;
+    font-size: 16px;
+    cursor: pointer;
+    transition: all 0.3s ease
+}
+
+div.links a:hover {
+    transform: scale(1.12);
+}
+
+.header a {
+    text-decoration: none;
     color: #333;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    font-size: 20px;
 }
 
 
@@ -25,10 +48,14 @@ html{
     width: 100%;
     max-width: 200px;
     height: auto;
-    display: block;
+    display: flex;
 }
 
-.header.dropvdown {
+.img-logo img:hover {
+    transform: scale(1.2);
+}
+
+.dropvdown {
     position: relative;
     text-align: right;
     justify-content: right;
@@ -80,6 +107,10 @@ html{
     height: auto;
 }
 
+.sugestao:hover {
+    transform: scale(1.1);
+}
+
 .container .carousel-sugestoes{
     grid-row: 2;
 }
@@ -115,6 +146,11 @@ html{
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
 }
+
+.filtros:hover {
+    transform: scale(1.1);
+}
+
 .button-container {
     display: flex;
     justify-content: center;
@@ -123,11 +159,12 @@ html{
   }
 
   button {
-    padding: 10px 20px;
+    background-color: #D5741A;
+    padding: 5px 10px;
     font-size: 16px;
     color: white;
     border: none;
-    border-radius: 5px;
+    border-radius: 15px;
     cursor: pointer;
   }
 
@@ -179,16 +216,4 @@ html{
 
 .dropdown:hover .dropbtn {
     background-color: #F9B83A;
-}
-.button {
-    display: inline-block;
-    padding: 10px 20px;
-    margin: 10px;
-    background-color: #D49927;
-    color: #fff;
-    border: none;
-    border-radius: 5px;
-    font-size: 16px;
-    cursor: pointer;
-    transition: all 0.3s ease;
 }
diff --git a/codigo/pagina-principal/index.html b/codigo/pagina-principal/index.html
@@ -19,27 +19,31 @@
         <div class="img-logo">
             <a href="index.html"><img src="assets/imgs/_Logo.png" alt=""></a>
         </div>
-        <div class="dropdown">
-          <button class="dropbtn">Opções</button>
-          <div class="dropdown-content">
-              <a href="html/porções.html">Porções</a>
-              <a href="html/sobremesas.html">Sobremesas</a>
-              <a href="html/dietas.html">Dietas</a>
-              <a href="html/refeições.html">Refeições</a>
-              <a href="html/vegetariano.html">Vegetariano</a>
-              <a href="html/vegetariano.html">Vegano</a>
-          </div>
+      <div class="links"> 
+            <a href="/codigo/novas-receitas/criarReceitas.html">Novas Receitas</a>
+            <a href="/codigo/pagina-cozinhar/pagCozinhar.html">Cozinhar</a>
+            <a href="/codigo/pagina-favoritos/pagFav.html">Favoritos</a>
+            <a href="/codigo/pagina-perfil/perfil/pagPerfil.html">Perfil</a>
       </div>
-      <div class="links">
-        <div class="button"> <a href="novasreceitas.html">Novas receitas</a></div>
     </header>
 
     <main>
         <div class="buscar" >
-            <input  id = "inputBusca" type="text" onkeyup="filtrar()" placeholder="Digite a receita desejada">
+            <input  id = "inputBusca" type="text" onkeyup="filtrar()" placeholder="Digite aqui...">
             <ul id="listarReceitas">
                 <script src="assets/js/barraPesquisa.js"></script>        
             </ul>
+        <div class="dropdown">
+          <button class="dropbtn">Opções</button>
+          <div class="dropdown-content">
+              <a class="filtros" href="html/porções.html">Porções</a>
+              <a class="filtros" href="html/sobremesas.html">Sobremesas</a>
+              <a class="filtros" href="html/dietas.html">Dietas</a>
+              <a class="filtros" href="html/refeições.html">Refeições</a>
+              <a class="filtros" href="html/vegetariano.html">Vegetariano</a>
+              <a class="filtros" href="html/vegetariano.html">Vegano</a>
+          </div>
+        </div>
         </div>
         <div class="salad1">
             <a href=""><img src="assets/imgs/salad1.png" alt=""></a>

diff --git a/codigo/pagina-receita/assets/css/pagReceitas.css b/codigo/pagina-receita/assets/css/pagReceitas.css
@@ -32,6 +32,10 @@ html {
     margin: 0 auto; 
 }
 
+.img-logo img:hover {
+    transform: scale(1.12);
+}
+
 h2.receita-nome {
     display: flex;
     text-align: center;