rework hierarchy

2023-09-19 11:57:48 +02:00
parent a483580906
commit cd75aa5b13
16 changed files with 138 additions and 100 deletions
--- a/src/pages/Market.vue
+++ b/src/pages/Market.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router';
+
+</script>
+
+<template>
+    <div class="mt-4">
+        <div class="flex border-b-2">
+            <RouterLink to="/market/scan" class="tab">
+                <span>Scan</span>
+            </RouterLink>
+            <RouterLink to="/market/track" class="tab">
+                <span>Tracking</span>
+            </RouterLink>
+        </div>
+        <RouterView />
+    </div>
+</template>
+
+<style scoped>
+a.tab {
+    @apply flex items-center p-2 me-2 rounded-t-md bg-slate-600 hover:bg-slate-700;
+    &.router-link-active {
+        @apply bg-emerald-500 hover:bg-emerald-700;
+    }
+}
+</style>