matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Center the share dialog link heading in a divider (#586)

Browse source
This commit is contained in:
Coracle-Bot 2026-09-18 18:55:04 +00:00 committed by hodlbod
parent 882b263701
commit 6e5b0dfd01
1 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/app/components/ShareEvent.svelte
View file

@ -7,6 +7,7 @@
import LinkRound from "@assets/icons/link-round.svg?dataurl" import LinkRound from "@assets/icons/link-round.svg?dataurl"
import Icon from "@lib/components/Icon.svelte" import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte" import Button from "@lib/components/Button.svelte"
import Divider from "@lib/components/Divider.svelte"
import ModalHeader from "@lib/components/ModalHeader.svelte" import ModalHeader from "@lib/components/ModalHeader.svelte"
import ModalTitle from "@lib/components/ModalTitle.svelte" import ModalTitle from "@lib/components/ModalTitle.svelte"
import ModalSubtitle from "@lib/components/ModalSubtitle.svelte" import ModalSubtitle from "@lib/components/ModalSubtitle.svelte"
@ -64,16 +65,14 @@
</Button> </Button>
{/each} {/each}
</div> </div>
<div class="flex flex-col gap-2"> <Divider>Or copy a link</Divider>
<p class="text-xs uppercase tracking-wide opacity-60">Or copy a link</p> <label class="input flex min-w-0 items-center gap-2">
<label class="input flex min-w-0 items-center gap-2"> <Icon icon={LinkRound} class="shrink-0" />
<Icon icon={LinkRound} class="shrink-0" /> <input value={permalink} class="min-w-0 flex-1 truncate" type="text" readonly />
<input value={permalink} class="min-w-0 flex-1 truncate" type="text" readonly /> <Button class="shrink-0" aria-label="Copy link" onclick={copyPermalink}>
<Button class="shrink-0" aria-label="Copy link" onclick={copyPermalink}> <Icon icon={Copy} />
<Icon icon={Copy} /> </Button>
</Button> </label>
</label>
</div>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button class="button button-link" onclick={back}> <Button class="button button-link" onclick={back}>