Highlight current view in the edit-menu

bluerobotics · Sep 26, 2023 · 5f0a4da · 5f0a4da
1 parent d61f45a
commit 5f0a4da
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/EditMenu.vue b/src/components/EditMenu.vue
@@ -19,7 +19,11 @@
             :key="view.hash"
             class="flex items-center justify-between w-full my-1"
           >
-            <Button class="flex items-center justify-center w-full h-8 overflow-auto" @click="store.selectView(view)">
+            <Button
+              class="flex items-center justify-center w-full h-8 overflow-auto"
+              :class="{ 'selected-view': view === store.currentView }"
+              @click="store.selectView(view)"
+            >
               <p class="overflow-hidden text-sm text-ellipsis ml-7 whitespace-nowrap">{{ view.name }}</p>
               <div class="grow" />
               <div class="icon-btn mdi mdi-cog" @click="renameView(view)" />
@@ -365,4 +369,8 @@ const { pressed: mousePressed } = useMousePressed()
 .icon-btn:hover {
   @apply bg-slate-500;
 }
+
+.selected-view {
+  @apply bg-slate-400;
+}
 </style>