add latest

docs/todo.todo

@@ -13,7 +13,9 @@ loop over to import the images from json file?
 fix link to homepage (loading into new tab)
 doc this
 
-div with background css
+doc div with background css
+
+apply anno wiki theme
 
 watchEffect(() => {
     if (mermaidGraph.value != null) {

src/components/DiagramRenderer.vue

@@ -1,8 +1,18 @@
 <template>
   <div>
-    <div ref="timber"></div>
-    <div ref="steelBeams"></div>
-    <div ref="highWheeler"></div>
+    <q-card flat bordered>
+      <q-card-section>
+        <div class="text-subtitle1 text-uppercase text-center">
+          Farmers | Workers
+        </div>
+      </q-card-section>
+
+      <q-separator inset class="q-mb-sm" />
+
+      <div ref="timber"></div>
+      <div ref="steelBeams"></div>
+      <div ref="highWheeler"></div>
+    </q-card>
   </div>
 </template>
 

src/layouts/MainLayout.vue

@@ -31,7 +31,7 @@
     </q-drawer>
 
     <q-page-container>
-      <router-view />
+      <router-view class="bg-grey-2" />
     </q-page-container>
   </q-layout>
 </template>

src/pages/IndexPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-page class="row items-center justify-evenly">
+  <q-page class="row items-center justify-evenly full-height">
     <diagram-renderer />
   </q-page>
 </template>