From 08c0de0579124e66e36931e7a61bd4713a34859b Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Sun, 17 Feb 2019 11:43:52 +0000
Subject: [PATCH] Added microscope settings placeholder

---
 src/components/paneSettings.vue | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/paneSettings.vue b/src/components/paneSettings.vue
index 83977ff7..b8bf2c7c 100644
--- a/src/components/paneSettings.vue
+++ b/src/components/paneSettings.vue
@@ -1,11 +1,25 @@
 <template>
   <div id="paneSettings">
-    <h3>Settings</h3>
+    
+    <ul uk-accordion="multiple: true">
+      <li>
+        <a class="uk-accordion-title" href="#">App settings</a>
+        <div class="uk-accordion-content">
 
-    <div class="uk-child-width-1-2" uk-grid>
-      <p><label><input v-model="disableStream" class="uk-checkbox" type="checkbox"> Disable stream</label></p>
-      <p><label class="uk-disabled"><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p>
-    </div>
+          <div class="uk-child-width-1-2" uk-grid>
+            <p><label><input v-model="disableStream" class="uk-checkbox" type="checkbox"> Disable stream</label></p>
+            <p><label class="uk-disabled"><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p>
+          </div>
+        </div>
+      </li>
+
+      <li>
+        <a class="uk-accordion-title" href="#">Microscope settings</a>
+        <div class="uk-accordion-content">
+          <div class="uk-placeholder uk-text-center">Microscope config coming soon...</div>
+      </li>
+
+    </ul>
 
   </div>
 </template>