Quick layout cleanup for mobile

2023-05-24 14:49:57 -07:00
parent b60602aefd
commit 3633ed026e
3 changed files with 19 additions and 9 deletions
@@ -106,3 +106,13 @@ div#app {
 div#table {
  height: 100%;
 }
+
+
+@media(max-width: 600px){
+  header nav{
+    display: none;
+  }
+  .authnav-connected{
+    display:none;
+  }
+}
@@ -10,7 +10,7 @@ storeSession.connect();
  <div v-if="!storeSession.isConnected">
    <button @click="storeSession.loginAsRyan()">Connect</button>
  </div>
-  <div v-if="storeSession.isConnected">
+  <div class="authnav-connected" v-if="storeSession.isConnected">
    Connected as {{ storeSession.session.userId }}.
  </div>
 </template>