added class for all panels in footer to have bg-color of 202122, gave homeque component a height value relational with height of footer, added overflow property to homequeue class and padding so that elements at the bottom can be seen

Author: JojuOlaode

src/components/Footer.vue

@@ -22,7 +22,7 @@
         <q-tab name="html" label="HTML Elements" id="label-text" />
       </q-tabs>
 
-      <q-tab-panels v-model="tab" animated class="bg-primary text-white full-footer">
+      <q-tab-panels v-model="tab" animated class="html-bg text-white full-footer">
         <q-tab-panel name="code">
           <CodeSnippet />
         </q-tab-panel>
@@ -35,7 +35,7 @@
           <Tree />
         </q-tab-panel>
 
-        <q-tab-panel name="html">
+        <q-tab-panel name="html" :style="{height: `${height}vh`}">
           <HomeQueue />
         </q-tab-panel>
       </q-tab-panels>
@@ -182,4 +182,8 @@ i {
   border-radius: 0px;
   background: #737578;
 }
+.html-bg {
+  // give html background color of grey
+  background-color: #202122;
+}
 </style>

src/components/HomeQueue.vue

@@ -137,7 +137,8 @@ export default {
 
 <style lang="stylus" scoped>
 .home-queue {
-  height: 100%;
+  overflow: scroll;
+  padding-bottom: 40px;
 }
 li {
   list-style-type: none;

src/layouts/MyLayout.vue

@@ -102,8 +102,4 @@ export default {
   background: $subprimary;
   // background: #272822;
 }
-
-// ::-webkit-scrollbar {
-//   display: none;
-// }
 </style>