feat: added menubar

ActivityWatch · Nov 14, 2023 · fc996c7 · fc996c7
1 parent b01de76
commit fc996c7
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
-import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from './components/HelloWorld.vue'
+import { RouterLink, RouterView } from "vue-router";
+import Menubar from "./components/Menubar.vue";
 </script>
 
 <template>
   <div class="container mx-auto">
     <header class="text-center p-4">
-      <h1 class="text-2xl font-bold">Subscription Service</h1>
+      <h1 class="text-2xl font-bold">ActivityWatch Portal</h1>
+      <Menubar />
     </header>
     <main>
       <RouterView />

diff --git a/src/components/Menubar.vue b/src/components/Menubar.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { RouterLink } from "vue-router";
+</script>
+
+<template>
+  <nav class="flex justify-center space-x-4 mt-4">
+    <div class="rounded border">
+      <RouterLink to="/">Home</RouterLink>
+    </div>
+    <div class="rounded border">
+      <RouterLink to="/about">About</RouterLink>
+    </div>
+    <div class="rounded border">
+      <RouterLink to="/settings">Settings</RouterLink>
+    </div>
+  </nav>
+</template>