diff options
| author | Adam Soltys <[email protected]> | 2024-11-22 20:47:16 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-22 20:47:16 -0800 |
| commit | 5317814af8f289b422b53ceb42ff8fe10f13d393 (patch) | |
| tree | a0b3ae38f4dc50897b8e07740b145da0f7b63cc9 | |
| parent | da15bcb47c8a80cf4166e390a1dd582321da1653 (diff) | |
| download | coinos-ui-5317814af8f289b422b53ceb42ff8fe10f13d393.tar.gz coinos-ui-5317814af8f289b422b53ceb42ff8fe10f13d393.zip | |
update docs
| -rw-r--r-- | src/components/Code.svelte | 12 | ||||
| -rw-r--r-- | src/routes/(static)/docs/+page.svelte | 24 |
2 files changed, 20 insertions, 16 deletions
diff --git a/src/components/Code.svelte b/src/components/Code.svelte index 00ef38a8..52c6bcf2 100644 --- a/src/components/Code.svelte +++ b/src/components/Code.svelte @@ -1,21 +1,21 @@ <script> import { copyNoNewlines as copy } from "$lib/utils"; - import Icon from "$comp/Icon.svelte"; import samples from "$lib/samples"; let { sample } = $props(); </script> <div - class="bg-primary text-primary-content rounded-lg p-4 flex gap-4 whitespace-pre-wrap font-mono" + class="bg-primary text-primary-content rounded-lg p-4 flex gap-4 whitespace-pre-wrap font-mono items-center" > <div class="overflow-x-scroll max-w-full scrollbar-hide"> <div class="break-all min-w-[800px]">{samples[sample]}</div> </div> - <button - class="ml-auto my-auto invert opacity-90" + <iconify-icon + icon="ph:copy-bold" onclick={() => copy(samples[sample])} - ><Icon icon="copy" style="w-10 max-w-none" /></button - > + width="42" + class="ml-auto cursor-pointer" + ></iconify-icon> </div> <style> diff --git a/src/routes/(static)/docs/+page.svelte b/src/routes/(static)/docs/+page.svelte index f203f061..80052805 100644 --- a/src/routes/(static)/docs/+page.svelte +++ b/src/routes/(static)/docs/+page.svelte @@ -36,11 +36,14 @@ </p> <h2 class="text-2xl">API Base URL</h2> - <div class="bg-primary text-secondary rounded-lg p-4 flex gap-4"> + <div class="bg-primary text-primary-content rounded-lg p-4 flex gap-4 items-center"> <div>{api}</div> - <button class="ml-auto my-auto invert opacity-90" onclick={() => copy(api)} - ><Icon icon="copy" style="w-10 max-w-none" /></button - > + <iconify-icon + icon="ph:copy-bold" + onclick={() => copy(api)} + width="42" + class="ml-auto cursor-pointer" + ></iconify-icon> </div> <h2 class="text-2xl">Auth Token</h2> @@ -55,13 +58,14 @@ Save it in a variable called <b>$token</b> to run the examples. </p> - <div class="bg-primary text-secondary rounded-lg p-4 flex gap-4"> + <div class="bg-primary text-primary-content rounded-lg p-4 flex gap-4 items-center"> <div class="w-full break-all">{tokenSample}</div> - <button - class="ml-auto my-auto invert opacity-90" - onclick={() => copy(tokenSample)} - ><Icon icon="copy" style="w-10 max-w-none" /></button - > + <iconify-icon + icon="ph:copy-bold" + onclick={() => copy(tokenSample)} + width="42" + class="ml-auto cursor-pointer" + ></iconify-icon> </div> <h2 class="text-2xl">POST /register</h2> |