fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-21 16:27:32 -03:00
Code Issues Packages Projects Releases Wiki Activity

añadido un skeleton de la ui para el adjuntar imagenes

Browse Source
This commit is contained in:
fedpo
2025-12-08 13:53:44 -03:00
parent 28a22563fe
commit 27eae9cb62
1 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/lib/components/crear-post.svelte
View File

@@ -4,6 +4,7 @@
import InputGroupTextarea from './ui/input-group/input-group-textarea.svelte'; import InputGroupTextarea from './ui/input-group/input-group-textarea.svelte';
import InputGroup from './ui/input-group/input-group.svelte'; import InputGroup from './ui/input-group/input-group.svelte';
import ArrowUpIcon from '@lucide/svelte/icons/arrow-up'; import ArrowUpIcon from '@lucide/svelte/icons/arrow-up';
import Paperclip from '@lucide/svelte/icons/paperclip';
import Loader2Icon from '@lucide/svelte/icons/loader-2'; import Loader2Icon from '@lucide/svelte/icons/loader-2';
import Kbd from './ui/kbd/kbd.svelte'; import Kbd from './ui/kbd/kbd.svelte';
@@ -15,6 +16,8 @@
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';
import { publicarPost } from '@/hooks/publicarPost'; import { publicarPost } from '@/hooks/publicarPost';
import Button from './ui/button/button.svelte';
import InputGroupInput from './ui/input-group/input-group-input.svelte';
let mensaje = $state(''); let mensaje = $state('');
@@ -57,28 +60,33 @@
</p> </p>
/ 280 / 280
</Kbd> </Kbd>
<Tooltip> <div class="flex items-center gap-2">
<TooltipTrigger class="*: flex"> <InputGroupButton size="icon-sm" variant="outline" class="rounded-full">
<InputGroupButton <Paperclip />
variant="default" </InputGroupButton>
disabled={cargando} <Tooltip>
type="submit" <TooltipTrigger class="*: flex">
class="transform rounded-full transition-transform ease-in hover:scale-120" <InputGroupButton
size="xs" variant="default"
> disabled={cargando}
{#if cargando} type="submit"
<Loader2Icon class="animate-spin" /> class="transform rounded-full transition-transform ease-in hover:scale-120"
Publicando... size="xs"
{:else} >
Publicar {#if cargando}
<ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" /> <Loader2Icon class="animate-spin" />
{/if} Publicando...
</InputGroupButton> {:else}
</TooltipTrigger> Publicar
<TooltipContent> <ArrowUpIcon class="mt-0.5 h-3.5! w-3.5!" />
<Kbd>Ctrl</Kbd>+<Kbd>Enter</Kbd> {/if}
</TooltipContent> </InputGroupButton>
</Tooltip> </TooltipTrigger>
<TooltipContent>
<Kbd>Ctrl</Kbd>+<Kbd>Enter</Kbd>
</TooltipContent>
</Tooltip>
</div>
</div> </div>
</InputGroupAddon> </InputGroupAddon>
</InputGroup> </InputGroup>