diff options
| author | Adam Soltys <[email protected]> | 2025-01-21 23:26:32 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2025-01-21 23:26:32 -0800 |
| commit | 756fe3c100f052452758b7a67f5cf192d67876cf (patch) | |
| tree | a185e9ee5210d5a83be08cfa15cd6343e2188b3e /src/components/Media.svelte | |
| parent | 412800a48c0a0e5185295605dab59013d708207e (diff) | |
| download | coinos-ui-756fe3c100f052452758b7a67f5cf192d67876cf.tar.gz coinos-ui-756fe3c100f052452758b7a67f5cf192d67876cf.zip | |
notes
Diffstat (limited to 'src/components/Media.svelte')
| -rw-r--r-- | src/components/Media.svelte | 32 |
1 files changed, 17 insertions, 15 deletions
diff --git a/src/components/Media.svelte b/src/components/Media.svelte index d24dd12d..aff4cf39 100644 --- a/src/components/Media.svelte +++ b/src/components/Media.svelte @@ -6,20 +6,22 @@ export const isAudio = (url: string) => url?.match(/^.*\.(ogg|mp3|wav)/gi); // eslint-disable-next-line @typescript-eslint/no-explicit-any - export let value: any; + let { value, minimal } = $props(); </script> -{#if !!isImage(value.url)} - <img src={value.url} alt={""} /> -{:else if isVideo(value.url)} - <!-- svelte-ignore a11y-media-has-caption --> - <video src={value.url} controls /> -{:else if isAudio(value.url)} - <audio src={value.url} controls> - <a href={value.url}>{value.url.replace(/https?:\/\/(www\.)?/, "")}</a> - </audio> -{:else} - <a href={value.url}> - {value.url.replace(/https?:\/\/(www\.)?/, "")} - </a> -{/if} +<div class="pt-2"> + {#if !!isImage(value.url)} + <img src={value.url} alt={""} class:w-48={minimal} /> + {:else if isVideo(value.url)} + <!-- svelte-ignore a11y-media-has-caption --> + <video src={value.url} controls /> + {:else if isAudio(value.url)} + <audio src={value.url} controls> + <a href={value.url}>{value.url.replace(/https?:\/\/(www\.)?/, "")}</a> + </audio> + {:else} + <a href={value.url}> + {value.url.replace(/https?:\/\/(www\.)?/, "")} + </a> + {/if} +</div> |