Merge pull request #12 from deanfchung/master

routes menu works gucci and looks louis

Author: deanfchung

src/components/RouteDisplay.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="route-display">
-     <q-input
+<div>
+       <q-input
         @keyup.enter.native="handleEnterKeyPress"
         standout="bg-teal text-white"
         bottom-slots
@@ -10,6 +10,10 @@
         class="input-add"
       >
       </q-input>
+  <!--<div class="route-display">-->
+    <!--
+
+    -->
     <Routes></Routes>
   </div>
 </template>

src/components/Routes.vue

@@ -1,17 +1,28 @@
 <template>
-  <div class="route-view">
+<div>
+  <!--<div class="route-view">-->
     <a
       :class="route === activeRoute ? 'panel-block is-active' : 'panel-block'"
       v-for="route in Object.keys(routes)"
       :key="route"
       @click="handleClick(route)"
     >
+<!--
       <span class="panel-icon">
         <i class="fas fa-location-arrow" aria-hidden="true"></i>
       </span>
-      {{ route }}
+      -->
+         <q-list bordered separator>
+      <q-item clickable v-ripple>
+        <q-item-section>{{route}}</q-item-section>
+
+      </q-item>
+
+    </q-list>
+
     </a>
   </div>
+
 </template>
 
 <script>