starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-18 23:53:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: focusedChild property for containers

Browse Source
This commit is contained in:
Aleksi Lassila
2024-05-03 22:59:09 +03:00
parent aa1168b6b2
commit 31a442db83
13 changed files with 121 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/Dialog/ConfirmDialog.svelte
View File

@@ -28,23 +28,23 @@
<Modal {modalId}>
<div class="h-full flex items-center justify-center bg-secondary-950/75">
<div class="bg-secondary-800 rounded-xl max-w-lg p-16">
<div class="text-xl font-semibold tracking-wide mb-2">
<div class="bg-secondary-800 rounded-2xl max-w-lg p-10">
<div class="text-2xl font-semibold tracking-wide mb-2 text-secondary-100">
<slot name="header" />
</div>
<div class="font-medium text-zinc-300 mb-8">
<div class="font-medium text-secondary-300 mb-8">
<slot />
</div>
<Container direction="horizontal" class="flex">
<Button
type="secondary"
inactive={fetching}
disabled={fetching}
on:clickOrSelect={() => handleAction(confirm)}
class="mr-4"
>
Confirm
</Button>
<Button type="secondary" inactive={fetching} on:clickOrSelect={() => handleAction(cancel)}
<Button type="secondary" disabled={fetching} on:clickOrSelect={() => handleAction(cancel)}
>Cancel</Button
>
</Container>