web/remux: rename DropReceiver component

This commit is contained in:
wukko 2024-08-13 14:17:58 +06:00
parent af428bc964
commit 1fd2b72075
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 6 additions and 3 deletions

View file

@ -30,6 +30,9 @@
on:dragend={() => { on:dragend={() => {
draggedOver = false; draggedOver = false;
}} }}
on:dragleave={() => {
draggedOver = false;
}}
> >
<slot></slot> <slot></slot>
</div> </div>

View file

@ -3,7 +3,7 @@
import { openURL } from "$lib/download"; import { openURL } from "$lib/download";
import { t } from "$lib/i18n/translations"; import { t } from "$lib/i18n/translations";
import DragDropArea from "$components/misc/DragDropArea.svelte"; import DropReceiver from "$components/misc/DropReceiver.svelte";
import OpenFileButton from "$components/misc/FileReceiver.svelte"; import OpenFileButton from "$components/misc/FileReceiver.svelte";
let draggedOver = false; let draggedOver = false;
@ -30,7 +30,7 @@
} }
</script> </script>
<DragDropArea id="remux-container" bind:draggedOver bind:file> <DropReceiver id="remux-container" bind:draggedOver bind:file>
<div id="remux-inner"> <div id="remux-inner">
<OpenFileButton <OpenFileButton
bind:draggedOver bind:draggedOver
@ -50,7 +50,7 @@
{$t("remux.description")} {$t("remux.description")}
</div> </div>
</div> </div>
</DragDropArea> </DropReceiver>
<style> <style>
:global(#remux-container) { :global(#remux-container) {