8fa9e3ca4c
* feat(frontend): wip * wip * wip * wip * wip * add toggle * correctly handle monaco theme * wip * wip * wip * wip * wip * feat(frontend): Dark mode v0 * feat(frontend): Adap AI gen poppup * feat(frontend): Adap script metadata labels * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Fix ressource picker * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Add theme toggle in the login page * feat(frontend): Fix unreadable texts * feat(frontend): Fix language selection * feat(frontend): Fix FlowStatusViewer colors * feat(frontend): Fix divide colors * feat(frontend): Fix flow graph buttons * feat(frontend): add theme toggle in login modal * feat(frontend): small ui fix * feat(frontend): fix graph dark mode toggle
16 lines
509 B
Svelte
16 lines
509 B
Svelte
<script lang="ts">
|
|
import { copyToClipboard } from '$lib/utils'
|
|
import { faClipboard } from '@fortawesome/free-solid-svg-icons'
|
|
import { Icon } from 'svelte-awesome'
|
|
|
|
export let content: string
|
|
</script>
|
|
|
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
<pre
|
|
class="bg-surface-secondary text-secondary p-2 font-mono text-sm whitespace-pre-wrap my-2 rounded-md"
|
|
>{content} <span on:click={() => copyToClipboard(content)} class="cursor-pointer ml-2"
|
|
><Icon data={faClipboard} /></span
|
|
></pre
|
|
>
|