💄 Updating the UI and style files

components/collections/index.vue

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

components/environments/index.vue

@@ -47,7 +47,7 @@
 
 <style scoped lang="scss">
 .virtual-list {
-  max-height: calc(100vh - 241px);
+  max-height: calc(100vh - 245px);
 }
 
 ul {
@@ -60,9 +60,6 @@ ul {
 import environment from "./environment"
 import { fb } from "../../functions/fb"
 
-const updateOnLocalStorage = (propertyName, property) =>
-  window.localStorage.setItem(propertyName, JSON.stringify(property))
-
 export default {
   components: {
     environment,
@@ -91,7 +88,7 @@ export default {
     this._keyListener = function (e) {
       if (e.key === "Escape") {
         e.preventDefault()
-        this.showModalImportExport = false
+        this.showModalImportExport = this.showModalAdd = this.showModalEdit = false
       }
     }
     document.addEventListener("keydown", this._keyListener.bind(this))

pages/graphql.vue

@@ -328,7 +328,7 @@
 
 <style scoped lang="scss">
 .gqlTabs {
-  max-height: calc(100vh - 186px);
+  max-height: calc(100vh - 192px);
   overflow: auto;
 }
 .gqlRunQuery {