Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-06-13 13:47:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/remux: rename DropReceiver component

Browse Source
This commit is contained in:
wukko
2024-08-13 14:17:58 +06:00
parent af428bc964
commit 1fd2b72075
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/components/misc/DragDropArea.svelte → web/src/components/misc/DropReceiver.svelte
View File

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

6
web/src/routes/remux/+page.svelte
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) {