Skip to main content
Glama
dialog-content.svelte1.25 kB
<script lang="ts"> import { Dialog as DialogPrimitive } from "bits-ui"; import X from "lucide-svelte/icons/x"; import * as Dialog from "./index.js"; import { cn, flyAndScale } from "$lib/utils.js"; type $$Props = DialogPrimitive.ContentProps; let className: $$Props["class"] = undefined; export let transition: $$Props["transition"] = flyAndScale; export let transitionConfig: $$Props["transitionConfig"] = { duration: 200, }; export { className as class }; </script> <Dialog.Portal> <Dialog.Overlay /> <DialogPrimitive.Content {transition} {transitionConfig} class={cn( "bg-background fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg sm:rounded-lg md:w-full", className )} {...$$restProps} > <slot /> <DialogPrimitive.Close class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none" > <X class="h-4 w-4" /> <span class="sr-only">Close</span> </DialogPrimitive.Close> </DialogPrimitive.Content> </Dialog.Portal>

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/jhawkins11/task-manager-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server