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

feat: Subtitles and switching audio tracks

Browse Source
This commit is contained in:
Aleksi Lassila
2024-05-08 03:01:27 +03:00
parent 7bae4273d7
commit fe2dc56001
17 changed files with 2495 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,6 +3,7 @@
import Button from '../Button.svelte';
import Modal from '../Modal/Modal.svelte';
import { modalStack } from '../Modal/modal.store';
import Dialog from './Dialog.svelte';
export let modalId: symbol;
@@ -26,28 +27,24 @@
}
</script>
<Modal {modalId}>
<div class="h-full flex items-center justify-center bg-secondary-950/75">
<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-secondary-300 mb-8">
<slot />
</div>
<Container direction="horizontal" class="flex">
<Button
type="secondary"
disabled={fetching}
on:clickOrSelect={() => handleAction(confirm)}
class="mr-4"
>
Confirm
</Button>
<Button type="secondary" disabled={fetching} on:clickOrSelect={() => handleAction(cancel)}
>Cancel</Button
>
</Container>
</div>
<Dialog {modalId}>
<div class="text-2xl font-semibold tracking-wide mb-2 text-secondary-100">
<slot name="header" />
</div>
</Modal>
<div class="font-medium text-secondary-300 mb-8">
<slot />
</div>
<Container direction="horizontal" class="flex">
<Button
type="secondary"
disabled={fetching}
on:clickOrSelect={() => handleAction(confirm)}
class="mr-4"
>
Confirm
</Button>
<Button type="secondary" disabled={fetching} on:clickOrSelect={() => handleAction(cancel)}
>Cancel</Button
>
</Container>
</Dialog>