chore: add GitHub nav button and fix viewport overflow

Adds a GitHub link to the top nav and fixes page containers that used
min-height: 100vh alongside the nav, causing an unwanted scrollbar.
Switches #app to a flex column and makes page roots flex: 1.

Author: johnleider

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { mdiHome, mdiLogin, mdiViewDashboard } from '@mdi/js'
+  import { mdiGithub, mdiHome, mdiLogin, mdiViewDashboard } from '@mdi/js'
 
   defineOptions({ name: 'App' })
 </script>
@@ -24,6 +24,17 @@
       </svg>
       Dashboard
     </router-link>
+    <a
+      class="dk-nav__link dk-nav__link--github"
+      href="https://github.com/vuetifyjs/devkey"
+      target="_blank"
+      rel="noopener"
+    >
+      <svg class="dk-icon" viewBox="0 0 24 24" width="16" height="16">
+        <path :d="mdiGithub" fill="currentColor" />
+      </svg>
+      GitHub
+    </a>
   </nav>
 
   <router-view />
@@ -36,12 +47,21 @@
     box-sizing: border-box;
   }
 
+  html, body, #app {
+    height: 100%;
+  }
+
   body {
     font-family: 'Inter', sans-serif;
     background: var(--v0-theme-background);
     color: var(--v0-theme-text);
   }
 
+  #app {
+    display: flex;
+    flex-direction: column;
+  }
+
   .dk-nav {
     display: flex;
     gap: 1rem;
@@ -78,4 +98,8 @@
   .dk-nav__link.router-link-active {
     color: var(--v0-theme-primary);
   }
+
+  .dk-nav__link--github {
+    margin-left: auto;
+  }
 </style>

src/components/DkLayout.vue

@@ -23,7 +23,8 @@
 <style scoped>
   .dk-layout {
     display: flex;
-    min-height: 100vh;
+    flex: 1;
+    min-height: 0;
     background: var(--v0-theme-background);
   }
 

src/pages/LandingPage.vue

@@ -115,7 +115,7 @@
   .dk-landing {
     background: var(--v0-theme-background);
     color: var(--v0-theme-text);
-    min-height: 100vh;
+    flex: 1;
   }
 
   .dk-landing__hero {

src/pages/LoginPage.vue

@@ -71,15 +71,16 @@
 <style scoped>
   .dk-login {
     display: flex;
+    flex: 1;
     align-items: center;
     justify-content: center;
-    min-height: 100vh;
     background: var(--v0-theme-background);
   }
 
   .dk-login__card {
     max-width: 420px;
     width: 100%;
+    height: auto;
     padding: 2rem;
   }