Buckets:
gijl/lv-storage / llama.cpp /tools /ui /src /lib /components /app /dialogs /DialogSettingsChat.svelte
| <script lang="ts"> | |
| import { Settings, X } from '@lucide/svelte'; | |
| import { SettingsChat } from '$lib/components/app/settings'; | |
| import * as Dialog from '$lib/components/ui/dialog'; | |
| import { PANEL_CLOSE_MOBILE_CLASS } from '$lib/constants'; | |
| import { deviceStore } from '$lib/stores'; | |
| interface Props { | |
| open?: boolean; | |
| onOpenChange?: (open: boolean) => void; | |
| initialSection?: string; | |
| } | |
| let { initialSection, onOpenChange, open = $bindable(false) }: Props = $props(); | |
| function handleOpenChange(value: boolean) { | |
| open = value; | |
| onOpenChange?.(value); | |
| } | |
| </script> | |
| <Dialog.Root onOpenChange={handleOpenChange} {open}> | |
| <Dialog.Content | |
| class="max-md:h-[100dvh]! max-md:w-screen! max-md:max-w-none! max-md:rounded-none! max-md:border-0! md:h-[calc(100vh-4rem)]! md:max-h-240! md:w-[calc(100vw-4rem)]! md:max-w-6xl! flex flex-col p-0 md:p-6 gap-0" | |
| onOpenAutoFocus={(event) => deviceStore.isMobile && event.preventDefault()} | |
| > | |
| <Dialog.Header class="md:p-0 p-4" showCloseButton={false}> | |
| <Dialog.Title class="flex items-center gap-2"> | |
| <Settings class="h-5 w-5" /> | |
| <span>Settings</span> | |
| </Dialog.Title> | |
| <!-- the body is flush with the dialog, so the corner close needs its own inset --> | |
| <Dialog.Close | |
| class="absolute top-0 right-0 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden max-md:top-1 max-md:right-1 {PANEL_CLOSE_MOBILE_CLASS}" | |
| > | |
| <X class="size-4" /> | |
| <span class="sr-only">Close</span> | |
| </Dialog.Close> | |
| </Dialog.Header> | |
| <SettingsChat {initialSection} onClose={() => (open = false)} onSectionChange={() => {}} /> | |
| </Dialog.Content> | |
| </Dialog.Root> | |
Xet Storage Details
- Size:
- 1.72 kB
- Xet hash:
- 35b081f9034e756ba55e098b4286b2051dc8ac1205cdea5d2ac89d9867e8c1d9
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.