mirror of
https://github.com/ivabus/gui
synced 2025-06-06 23:30:26 +03:00
27 lines
910 B
Svelte
27 lines
910 B
Svelte
<script lang="ts">
|
|
import '$appcss';
|
|
import Button from '@tea/ui/Button/Button.svelte';
|
|
let copyButtonText = 'COPY';
|
|
const copyValue = `sh <(curl https://tea.xyz)`;
|
|
|
|
const onCopy = () => {
|
|
copyButtonText = 'COPIED!';
|
|
navigator.clipboard.writeText(copyValue);
|
|
};
|
|
</script>
|
|
|
|
<section class="border-gray mt-4 border bg-black">
|
|
<header class="flex flex-col items-center py-8">
|
|
<figure>
|
|
<img alt="tea" src="/images/tea-icon.png" class="rounded-md" />
|
|
</figure>
|
|
<p class="text-primary">tea.cli ver. 0.6.0</p>
|
|
</header>
|
|
<footer class="border-gray flex h-20 border-t text-white">
|
|
<input class="flex-grow bg-black pl-4" disabled value="sh <(curl tea.xyz)>" />
|
|
<Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button>
|
|
<Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')}
|
|
>OPEN IN TERMINAL</Button
|
|
>
|
|
</footer>
|
|
</section>
|