josedario87
4a3624b231
- Add AuthSessionStatusButton to dashboard layout navbar - Redesign button as compact icon button for navbar integration - Button checks session status against Authentik in real-time - Styled to match navbar aesthetic with hover effects
25 lines
546 B
Vue
25 lines
546 B
Vue
<template>
|
|
<UButton
|
|
color="neutral"
|
|
variant="ghost"
|
|
square
|
|
@click="handleClick"
|
|
:ui="{
|
|
rounded: 'rounded-full',
|
|
padding: { sm: 'p-1.5' }
|
|
}"
|
|
class="relative hover:bg-gray-100/80 dark:hover:bg-gray-800/80 transition-all duration-300"
|
|
title="Verificar estado de sesión"
|
|
>
|
|
<UIcon name="i-heroicons-information-circle" class="size-5" />
|
|
</UButton>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { checkSessionStatus } = useAuthentik()
|
|
|
|
const handleClick = () => {
|
|
checkSessionStatus()
|
|
}
|
|
</script>
|