misc improvements

src/App.vue

@@ -2,33 +2,34 @@
 import ModelViewer from './ModelViewer.vue'
 
 import {ref} from "vue";
+import Loading from "./Loading.vue";
 
-let modelsOpened = ref(false)
-let toolsOpened = ref(true)
+// Open models by default on wide screens
+let modelsOpened = ref(window.innerWidth > 600);
 </script>
-<
+
 <template>
-  <v-layout>
-    <v-btn @click="modelsOpened = !modelsOpened" max-width="22px" style="position:absolute; z-index: 1">&gt;</v-btn>
-    <v-navigation-drawer v-model="modelsOpened">
-      <v-list density="compact" nav > <!-- TODO: Accordion -->
-        <v-list-item-title>Models <v-btn @click="modelsOpened = !modelsOpened" style="float: right" height="22px"><</v-btn></v-list-item-title>
-        <v-list-item prepend-icon="mdi-view-dashboard" title="Home" value="home"></v-list-item>
-        <v-list-item prepend-icon="mdi-forum" title="About" value="about"></v-list-item>
+  <v-layout full-height>
+    <v-btn icon="$menu" @click="modelsOpened = !modelsOpened" style="position: absolute; z-index: 1"/>
+    <v-navigation-drawer v-model="modelsOpened" permanent>
+      <v-toolbar>
+        <v-toolbar-title>Models</v-toolbar-title>
+        <v-toolbar-items>
+          <v-btn icon="$close" @click="modelsOpened = !modelsOpened"/>
+        </v-toolbar-items>
+      </v-toolbar>
+      <v-list density="compact" nav> <!-- TODO: Accordion -->
+        <v-list-item><Loading/></v-list-item>
       </v-list>
     </v-navigation-drawer>
-    <v-main style="height: 100vh">
+    <v-main >
       <ModelViewer/>
     </v-main>
-    <v-navigation-drawer location="right" v-model="toolsOpened" opa>
-      <v-list density="compact" nav >
-        <v-list-item-title>Tools</v-list-item-title>
-        <v-list-item prepend-icon="mdi-view-dashboard" title="Home" value="home"></v-list-item>
-        <v-list-item prepend-icon="mdi-forum" title="About" value="about"></v-list-item>
-      </v-list>
-    </v-navigation-drawer>
   </v-layout>
 </template>
 
-<style scoped>
+<style>
+html, body {
+  height: 100%;
+}
 </style>