chore: ajusten en la plantilla general

coxmau77 · Jul 2, 2024 · fa7f6ae · fa7f6ae
1 parent 098d007
commit fa7f6ae
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 12 deletions.
diff --git a/public/contact.html b/public/contact.html
@@ -123,7 +123,7 @@ <h1 class="fs-1 mt-5">Contacto</h1>
                                 <span>Inicio</span>
                             </a>
                         </li>
-                        <li class="nav-item active">
+                        <li class="nav-item active-link">
                             <a class="nav-link" href="./contact.html">
                                 <i class="bi bi-envelope-at-fill"></i>
                                 <span>Contacto</span>

diff --git a/public/css/style.css b/public/css/style.css
@@ -19,15 +19,22 @@ body {
   margin-top: 4rem;
 }
 
-.active {
+.active-link {
   background-color: #3372e6;
+  padding: .6rem;
+  border-radius: 100vw;
 
-  a {
 
+  a {
     color: white;
+    padding: 0;
   }
 }
 
+.btn {
+  border-radius: 100vw;
+}
+
 footer {
   margin-bottom: 6rem;
   padding: 1rem;

diff --git a/public/index.html b/public/index.html
@@ -23,7 +23,7 @@
         </div>
     </section>
 
-    <div class="container m-5">
+    <div class="container m-5 pt-5">
         <h1 id="greeting" class="fs-1"></h1>
         <button id="logoutBtn" class="rounded-pill bg-danger-subtle text-danger-emphasis btn">
             <i class="bi bi-person-fill-x"></i>
@@ -459,7 +459,7 @@ <h1 class="card-title pricing-card-title">
                             <img src="./images/brand/brand-logotipo.svg" class="brand-logotipo"
                                 alt="Onlineshop nombre de la marca">
                         </div>
-                        <li class="nav-item active">
+                        <li class="nav-item active-link">
                             <a class="nav-link" href="./index.html">
                                 <i class="bi bi-house-fill"></i>
                                 <span>Inicio</span>

diff --git a/public/login.html b/public/login.html
@@ -120,7 +120,7 @@ <h1 class="fs-1 mt-5 text-center">Iniciar sesión</h1>
                                 <span>Contacto</span>
                             </a>
                         </li>
-                        <li class="nav-item active">
+                        <li class="nav-item active-link">
                             <a class="nav-link" href="./login.html">
                                 <i class="bi bi-person-circle"></i>
                                 <span>Log in</span>

diff --git a/public/shop.html b/public/shop.html
@@ -13,6 +13,13 @@
     <link rel="stylesheet" href="./css/style.css">
     <script defer src="./js/darkmode.js"></script>
 
+    <style>
+        .add-product {
+            animation: giro360 1s linear infinite;
+            animation-delay: 5s;
+            transition: all;
+        }
+    </style>
 </head>
 
 <body>
@@ -91,11 +98,13 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">
 
     <main class="py-2 container mt-5">
 
-        <h1 id="greeting" class="fs-1"></h1>
-        <button id="logoutBtn" class="rounded-pill bg-danger-subtle text-danger-emphasis btn">
-            <i class="bi bi-person-fill-x"></i>
-            Cerrar Sesión
-        </button>
+        <div class="m-5">
+            <h1 id="greeting" class="fs-1"></h1>
+            <button id="logoutBtn" class="rounded-pill bg-danger-subtle text-danger-emphasis btn">
+                <i class="bi bi-person-fill-x"></i>
+                Cerrar Sesión
+            </button>
+        </div>
 
         <div id="product_list" class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 my-5">
         </div>
@@ -241,7 +250,7 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">
                                 <span>Log in</span>
                             </a>
                         </li>
-                        <li class="nav-item active">
+                        <li class="nav-item active-link">
                             <a class="nav-link" href="./shop.html">
                                 <i class="bi bi-fire"></i>
                                 <span>Shop</span>