mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-01-26 15:54:16 +01:00
Arthur DANJOU
86b5669947
Adjusted header alignment for better responsiveness. Enhanced visitor tooltip by refining spacing, adding background color, and improving text readability for both light and dark themes.
17 lines
637 B
Vue
17 lines
637 B
Vue
<script setup lang="ts">
|
|
const { isLoading, visitors } = useVisitors()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="fixed bottom-4 right-4">
|
|
<UTooltip text="Visitors currently on my portfolio" placement="left">
|
|
<nav v-if="!isLoading" class="text-xs flex space-x-1 items-center border border-green-400 dark:border-green-600 px-2 rounded-xl bg-white dark:bg-black">
|
|
<p class="text-neutral-700 dark:text-neutral-300">
|
|
{{ visitors }}
|
|
</p>
|
|
<div class="h-3 w-3 bg-green-200 dark:bg-green-600 rounded-full border-2 border-green-400 dark:border-green-800" />
|
|
</nav>
|
|
</UTooltip>
|
|
</div>
|
|
</template>
|