Fix: movi el tooltipProvider al layout global

This commit is contained in:
2025-11-29 12:14:14 -03:00
parent 4db02b9fa8
commit 8c69b80841
2 changed files with 27 additions and 26 deletions

View File

@@ -11,7 +11,7 @@
import { sesionStore } from '@/stores/usuario'; import { sesionStore } from '@/stores/usuario';
import type { CreatePostDto } from '../../types'; import type { CreatePostDto } from '../../types';
import { addPost } from '@/stores/posts'; import { addPost } from '@/stores/posts';
import { Tooltip, TooltipProvider } from './ui/tooltip'; import { Tooltip } from './ui/tooltip';
import TooltipContent from './ui/tooltip/tooltip-content.svelte'; import TooltipContent from './ui/tooltip/tooltip-content.svelte';
import TooltipTrigger from './ui/tooltip/tooltip-trigger.svelte'; import TooltipTrigger from './ui/tooltip/tooltip-trigger.svelte';
@@ -80,30 +80,28 @@
</p> </p>
/ 280 / 280
</Kbd> </Kbd>
<TooltipProvider> <Tooltip>
<Tooltip> <TooltipTrigger class="*: flex">
<TooltipTrigger class="*: flex"> <InputGroupButton
<InputGroupButton variant="default"
variant="default" disabled={cargando}
disabled={cargando} type="submit"
type="submit" class="transform rounded-full transition-transform ease-in hover:scale-120"
class="transform rounded-full transition-transform ease-in hover:scale-120" size="xs"
size="xs" >
> {#if cargando}
{#if cargando} <Loader2Icon class="animate-spin" />
<Loader2Icon class="animate-spin" /> Publicando...
Publicando... {:else}
{:else} Publicar
Publicar <ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" />
<ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" /> {/if}
{/if} </InputGroupButton>
</InputGroupButton> </TooltipTrigger>
</TooltipTrigger> <TooltipContent>
<TooltipContent> <Kbd>Ctrl</Kbd>+<Kbd>Enter</Kbd>
<Kbd>Ctrl</Kbd>+<Kbd>Enter</Kbd> </TooltipContent>
</TooltipContent> </Tooltip>
</Tooltip>
</TooltipProvider>
</div> </div>
</InputGroupAddon> </InputGroupAddon>
</InputGroup> </InputGroup>

View File

@@ -3,6 +3,7 @@
import favicon from '$lib/assets/favicon.ico'; import favicon from '$lib/assets/favicon.ico';
import { ModeWatcher } from 'mode-watcher'; import { ModeWatcher } from 'mode-watcher';
import Header from '@/head/Header.svelte'; import Header from '@/head/Header.svelte';
import { TooltipProvider } from '@/components/ui/tooltip';
let { children } = $props(); let { children } = $props();
</script> </script>
@@ -13,4 +14,6 @@
</svelte:head> </svelte:head>
<ModeWatcher /> <ModeWatcher />
<Header /> <Header />
{@render children()} <TooltipProvider>
{@render children()}
</TooltipProvider>