fix

bonvi83 · May 20, 2024 · a54b503 · a54b503
1 parent e4620fe
commit a54b503
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 32 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -39,12 +39,12 @@ export default {
   flex-direction: column;
   height: 100vh;
 
-  // .AppHeader {
-  //   position: fixed;
-  // }
+  .AppHeader {
+    position: sticky;
+    top: 0;
+  }
 
   .main-container {
-    padding-top: 100px;
     height: 100vh;
     flex-grow: 1;
     overflow: auto;

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
@@ -20,7 +20,6 @@
           BoolBnB &copy;, Group 1 S.r.l <br />
           Made with &hearts; by Group 1
         </div>
-        <!-- <p style="font-size: 10px" class="fw-lighter"></p> -->
       </div>
 
       <div>
@@ -65,11 +64,6 @@ footer {
   background-color: rgb(0, 42, 56);
 }
 
-// .container {
-//   align-items: baseline;
-//   display: flex;
-// }
-
 .logo {
   height: 70px;
 }

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
@@ -27,7 +27,7 @@ export default {
 };
 </script>
 <template>
-  <nav class="navbar fixed-top navbar-expand-lg navbar-light">
+  <nav class="navbar navbar-expand-lg navbar-light">
     <!-- logo -->
 
     <div class="container-fluid">
@@ -73,15 +73,6 @@ export default {
                 </span></router-link
               >
             </li>
-            <!-- <li class="nav-item align-self-center">
-              <router-link
-                :to="{ name: 'apartments.search' }"
-                class="nav-link active"
-                aria-current="page"
-                ><img src="../assets/search.svg" alt="Logo" class="me-2" />
-                <span class="d-none d-lg-inline-block"> Cerca </span>
-              </router-link>
-            </li> -->
 
             <li class="nav-item" @click="clearStore()">
               <a
@@ -99,11 +90,6 @@ export default {
   </nav>
 </template>
 <style lang="scss" scoped>
-.navbar.fixed-top.navbar-expand-lg.navbar-light {
-  height: 100px;
-  background-color: rgba($color: white, $alpha: 0.85);
-}
-
 img {
   height: 90px;
 }
@@ -131,16 +117,9 @@ li.nav-item {
   .navbar .container-fluid {
     align-items: baseline;
   }
-
 }
 
-
-
 .navbar-wrapper {
-  /* 
-        width: 632px;
-        display: flex;
-        flex-grow: 1;*/
   ul {
     width: 100%;
     display: flex;