Merge branch '161-desktop-constrain-width' into 'main'

Desktop width constrain

Closes #161

See merge request keanuapp/keanuapp-weblite!17

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <v-main>
+    <v-main class="main">
       <router-view />
 
       <!-- Loading indicator -->
@@ -171,7 +171,21 @@ export default {
 </script>
 
 <style lang="scss">
+@import '~vuetify/src/styles/settings/_variables.scss';
+@import '@/assets/css/variables';
+
 .copyright {
   font-size: 10px;
 }
+
+#app {
+  background-color: $app-background;
+}
+
+.main {
+  @media #{map-get($display-breakpoints, 'lg-and-up')} {
+    margin: 0 auto;
+    width: $main-desktop-width;;
+  }
+}
 </style>