Sink/app/components/dashboard/Nav.vue
ccbikai 3456e69366 feat: enhance realtime globe functionality
- Reintroduced the realtime dashboard tab in the navigation menu.
- Updated Globe component to utilize geographic coordinates for live session locations.
- Added dynamic resizing for the globe based on viewport width.
- Implemented stop rotation feature on mouse down for better user interaction.
- Cleaned up commented code and improved type definitions in event logging.
2025-05-11 21:53:23 +08:00

31 lines
708 B
Vue

<script setup>
const route = useRoute()
</script>
<template>
<section class="flex justify-between">
<Tabs
v-if="route.path !== '/dashboard/link'"
:default-value="route.path"
@update:model-value="navigateTo"
>
<TabsList>
<TabsTrigger
value="/dashboard/links"
>
{{ $t('nav.links') }}
</TabsTrigger>
<TabsTrigger value="/dashboard/analysis">
{{ $t('nav.analysis') }}
</TabsTrigger>
<TabsTrigger value="/dashboard/realtime">
{{ $t('nav.realtime') }}
</TabsTrigger>
</TabsList>
</Tabs>
<slot name="left" />
<div>
<slot />
</div>
</section>
</template>