mirror of
https://github.com/immich-app/immich.git
synced 2026-03-10 20:03:44 -04:00
edc513a3df
* feat(web): 2026 font * chore: docs font * spacing tweak * tweak minimum font weight and update ui lib * small tweaks * docs: small tweaks * more tweaks
28 lines
886 B
Svelte
28 lines
886 B
Svelte
<script lang="ts">
|
|
import { copyToClipboard } from '$lib/utils';
|
|
import { Button, HStack, Modal, ModalBody, ModalFooter, Text, Textarea } from '@immich/ui';
|
|
import { mdiKeyVariant } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
type Props = {
|
|
secret?: string;
|
|
onClose: () => void;
|
|
};
|
|
|
|
let { secret = '', onClose }: Props = $props();
|
|
</script>
|
|
|
|
<Modal title={$t('api_key')} icon={mdiKeyVariant} {onClose} size="small">
|
|
<ModalBody>
|
|
<Text size="small" class="mb-4">{$t('api_key_description')}</Text>
|
|
<Textarea bind:value={secret} readonly class="font-immich-mono" />
|
|
</ModalBody>
|
|
|
|
<ModalFooter>
|
|
<HStack fullWidth>
|
|
<Button shape="round" onclick={() => copyToClipboard(secret)} fullWidth>{$t('copy_to_clipboard')}</Button>
|
|
<Button shape="round" onclick={onClose} fullWidth>{$t('done')}</Button>
|
|
</HStack>
|
|
</ModalFooter>
|
|
</Modal>
|