Merge branch 'master' into feat/binary-response

components/firebase/feeds.vue

@@ -27,7 +27,7 @@
 
 <style scoped lang="scss">
 .virtual-list {
-  max-height: calc(100vh - 294px);
+  max-height: calc(100vh - 298px);
 }
 
 ul,

components/ui/tab.vue

@@ -25,7 +25,7 @@ export default {
 
   // computed: {
   //   href() {
-  //     return `#${this.name.toLowerCase().replace(/ /g, "-")}`
+  //     return `#${this.label.toLowerCase().replace(/ /g, "-")}`
   //   },
   // },
 

components/ui/tabs.vue

@@ -2,7 +2,13 @@
   <div class="tabs-wrapper">
     <div class="tabs">
       <ul>
-        <li v-for="(tab, index) in tabs" :class="{ 'is-active': tab.isActive }" :key="index">
+        <li
+          v-for="(tab, index) in tabs"
+          :class="{ 'is-active': tab.isActive }"
+          :key="index"
+          :tabindex="0"
+          @keyup.enter="selectTab(tab)"
+        >
           <a :href="tab.href" @click="selectTab(tab)">
             <i v-if="tab.icon" class="material-icons">
               {{ tab.icon }}
@@ -57,6 +63,10 @@
         }
       }
 
+      &:focus a {
+        color: var(--fg-color);
+      }
+
       &.is-active a {
         background-color: var(--brd-color);
         color: var(--fg-color);