fix: remove vertical scroll (#10)

code4romania · Nov 1, 2022 · 6511aa3 · 6511aa3
1 parent 9c054dd
commit 6511aa3
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/client/src/App.vue b/client/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="pt-6">
     <banner />
     <router-view />
   </div>

diff --git a/client/src/components/Banner.vue b/client/src/components/Banner.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="background: white; font-size: 12px; padding: 6px 0; color: black">
+  <div class="banner">
     <div class="container is-fluid">
       <div>
         <Logo
@@ -42,3 +42,18 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+  .banner {
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+    background-color: #FFF; 
+    font-size: 12px; 
+    padding: 6px 0; 
+    color: #000;
+    z-index: 40;
+    position: fixed;
+    right: 0;
+    left: 0;
+    top: 0;
+  }
+</style>
diff --git a/client/src/views/TableView.vue b/client/src/views/TableView.vue
@@ -65,8 +65,6 @@
           @update="getTableEntries"
           updateQueryNav
           customPerPage
-          fixedHeader
-          fullHeight
         />
       </template>
     </BaseCard>