web/DonateShareCard: hide share button if user agent doesn't support it
This commit is contained in:
parent
e7386234bc
commit
ffea8e6f2e
1 changed files with 13 additions and 10 deletions
|
@ -13,6 +13,7 @@
|
|||
|
||||
import CobaltQr from "$lib/icons/CobaltQR.svelte";
|
||||
import CopyIcon from "$components/misc/CopyIcon.svelte";
|
||||
import { device } from "$lib/device";
|
||||
|
||||
const cobaltUrl = "https://cobalt.tools/";
|
||||
|
||||
|
@ -50,16 +51,18 @@
|
|||
copy
|
||||
</button>
|
||||
|
||||
<button
|
||||
id="action-button-share"
|
||||
class="action-button"
|
||||
on:click={async () => shareURL(cobaltUrl)}
|
||||
>
|
||||
<div class="action-button-icon">
|
||||
<IconShare2 />
|
||||
</div>
|
||||
{$t("button.share")}
|
||||
</button>
|
||||
{#if device.supports.share}
|
||||
<button
|
||||
id="action-button-share"
|
||||
class="action-button"
|
||||
on:click={async () => shareURL(cobaltUrl)}
|
||||
>
|
||||
<div class="action-button-icon">
|
||||
<IconShare2 />
|
||||
</div>
|
||||
{$t("button.share")}
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
<button
|
||||
id="action-button-github"
|
||||
|
|
Loading…
Reference in a new issue