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

This commit is contained in:
2025-12-08 13:53:44 -03:00
parent 28a22563fe
commit 27eae9cb62

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,6 +60,10 @@
</p> </p>
/ 280 / 280
</Kbd> </Kbd>
<div class="flex items-center gap-2">
<InputGroupButton size="icon-sm" variant="outline" class="rounded-full">
<Paperclip />
</InputGroupButton>
<Tooltip> <Tooltip>
<TooltipTrigger class="*: flex"> <TooltipTrigger class="*: flex">
<InputGroupButton <InputGroupButton
@@ -80,6 +87,7 @@
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</div> </div>
</div>
</InputGroupAddon> </InputGroupAddon>
</InputGroup> </InputGroup>
</form> </form>