Work in progress

client/layouts/basic.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="basic-layout flex items-center justify-center m-0">
+    <slot/>
+  </div>
+</template>
+
+<style lang="scss">
+.basic-layout {
+  color: #636b6f;
+  height: 100vh;
+  font-weight: 100;
+  position: relative;
+
+  .links > a {
+    color: #636b6f;
+    padding: 0 25px;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: .1rem;
+    text-decoration: none;
+    text-transform: uppercase;
+  }
+}
+</style>

client/layouts/default.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="main-layout min-h-screen flex flex-col">
+<!--    <Navbar />-->
+
+    <slot class="flex-grow">
+    </slot>
+  </div>
+</template>