update guide video for android
This commit is contained in:
parent
cc7c94417d
commit
76559d2931
BIN
src/lib/assets/guide-android.mp4
(Stored with Git LFS)
BIN
src/lib/assets/guide-android.mp4
(Stored with Git LFS)
Binary file not shown.
@ -37,7 +37,7 @@
|
|||||||
<!--Some shenanings needed to be done to get the footer position to stick correctly,
|
<!--Some shenanings needed to be done to get the footer position to stick correctly,
|
||||||
didn't work with display: contents-->
|
didn't work with display: contents-->
|
||||||
<footer class="inset-x-0 bottom-0 w-full text-center">
|
<footer class="inset-x-0 bottom-0 w-full text-center">
|
||||||
<p>© 2024</p>
|
<p>© 2025</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
import { Badge } from '$lib/components/ui/badge';
|
import { Badge } from '$lib/components/ui/badge';
|
||||||
import { Button, buttonVariants } from '$lib/components/ui/button';
|
import { Button, buttonVariants } from '$lib/components/ui/button';
|
||||||
import { Input } from '$lib/components/ui/input';
|
import { Input } from '$lib/components/ui/input';
|
||||||
import { LucidePlus } from 'lucide-svelte';
|
import { LucideLoaderCircle, LucidePlus } from 'lucide-svelte';
|
||||||
import type { PageData } from './$types';
|
import type { PageData } from './$types';
|
||||||
import { Label } from '$lib/components/ui/label';
|
import { Label } from '$lib/components/ui/label';
|
||||||
import { page } from '$app/state';
|
import { page } from '$app/state';
|
||||||
@ -13,6 +13,7 @@
|
|||||||
|
|
||||||
let dialogOpen = $state(page.url.searchParams.has('add'));
|
let dialogOpen = $state(page.url.searchParams.has('add'));
|
||||||
let dialogVal = $state(page.url.searchParams.get('add') ?? '');
|
let dialogVal = $state(page.url.searchParams.get('add') ?? '');
|
||||||
|
let submitted = $state(false);
|
||||||
|
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
if (dialogOpen) page.url.searchParams.set('add', dialogVal);
|
if (dialogOpen) page.url.searchParams.set('add', dialogVal);
|
||||||
@ -69,7 +70,7 @@
|
|||||||
</Dialog.Trigger>
|
</Dialog.Trigger>
|
||||||
</div>
|
</div>
|
||||||
<Dialog.Content class="max-w-xs">
|
<Dialog.Content class="max-w-xs">
|
||||||
<form class="contents" method="post" action="?/create">
|
<form class="contents" method="post" onsubmit={() => submitted = true} action="?/create">
|
||||||
<Dialog.Header class="">
|
<Dialog.Header class="">
|
||||||
<Dialog.Title>Add a new device</Dialog.Title>
|
<Dialog.Title>Add a new device</Dialog.Title>
|
||||||
</Dialog.Header>
|
</Dialog.Header>
|
||||||
@ -86,7 +87,12 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<Dialog.Footer>
|
<Dialog.Footer>
|
||||||
<Button type="submit">Add</Button>
|
<Button type="submit" disabled={submitted}>
|
||||||
|
{#if submitted}
|
||||||
|
<LucideLoaderCircle class="size-4 mr-2 animate-spin" />
|
||||||
|
{/if}
|
||||||
|
Add
|
||||||
|
</Button>
|
||||||
</Dialog.Footer>
|
</Dialog.Footer>
|
||||||
</form>
|
</form>
|
||||||
</Dialog.Content>
|
</Dialog.Content>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user