docs(demo): Update Design to Aura

Author: sfxcode

index.html

@@ -10,5 +10,5 @@
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
-  <link id="theme-link" href="/src/assets/themes/vela-blue/theme.css" rel="stylesheet">
+  <link id="theme-link" href="/src/assets/themes/aura-dark-green/theme.css" rel="stylesheet">
 </html>

src/App.scss

@@ -1,4 +1,7 @@
-@import "src/sass/primevue/layout";
 @import "public/sass/formkit-primevue";
-@import "src/sass/main";
+
+html {
+  height: 100%;
+  font-size: 16px;
+}
 

src/App.vue

@@ -3,19 +3,15 @@ import AppTopBar from '@/components/app/AppTopbar.vue'
 </script>
 
 <template>
-  <div class="main">
+  <main class="p-2">
     <div class="">
-      <div>
-        <AppTopBar />
-      </div>
-      <div class="layout-main-container">
-        <div class="layout-main">
-          <router-view />
-        </div>
+      <AppTopBar />
+      <div class="pl-2">
+        <router-view />
       </div>
       <AppFooter />
     </div>
-  </div>
+  </main>
 </template>
 
 <style lang='scss'>