Added dividers kind of

sipb · Feb 12, 2020 · 7efd689 · 7efd689
1 parent 5e3766c
commit 7efd689
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/components/RoadTabs.vue b/src/components/RoadTabs.vue
@@ -6,19 +6,24 @@
       color="blue lighten-5"
     >
       <v-tabs-slider />
-      <v-tab
+      <template
         v-for="roadId in Object.keys(roads)"
-        :key="roadId"
-        :href="`#${roadId}`"
-        class="blue lighten-5 elevation-1"
-        active-class="primary lighten-2 elevation-5"
-        @click="$store.commit('setActiveRoad', roadId)"
+        class = "m-0 p-0"
       >
-        <span>{{ roads[roadId].name }}</span>
-        <v-btn v-show="roadId == tabRoad" icon flat @click="newRoadName = roads[roadId].name; editDialog = true;">
-          <v-icon>edit</v-icon>
-        </v-btn>
-      </v-tab>
+        <v-tab
+          :key="roadId"
+          :href="`#${roadId}`"
+          class="blue lighten-5"
+          active-class="primary lighten-2 elevation-5"
+          @click="$store.commit('setActiveRoad', roadId)"
+        >
+          <span>{{ roads[roadId].name }}</span>
+          <v-btn v-show="roadId == tabRoad" icon flat @click="newRoadName = roads[roadId].name; editDialog = true;">
+            <v-icon>edit</v-icon>
+          </v-btn>
+        </v-tab>
+        <v-divider class = "mt-0 mb-0" vertical inset/>
+      </template>
       <v-dialog v-model="editDialog" max-width="600" @input="newRoadName = ''">
         <v-card>
           <v-btn icon flat style="float:right" @click="editDialog = false">