Update dependencies

This commit is contained in:
2023-09-14 12:29:06 +02:00
parent 1a332f6d57
commit e9e52a98d2
8 changed files with 370 additions and 340 deletions

View File

@@ -98,6 +98,7 @@ const drop = (e, index) => {
on:dragenter={() => hovering = -2}
on:dragend={() => {hovering = -1}}
class:highlight={!dragging && hovering === -2}
role="listitem"
>
<button on:click={e => dispatch("pick_files")} style="font-size: 1.5em; cursor: pointer;">
<i class="icon">cloud_upload</i>

View File

@@ -53,6 +53,7 @@ const mouseup = (e) => {
<svelte:window on:mousemove={mousemove} on:mouseup={mouseup} />
<div bind:this={container} class="container" class:zoom>
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<img
on:loadstart={() => {dispatch("loading", true)}}
on:load={() => {dispatch("loading", false)}}

View File

@@ -46,6 +46,7 @@ const mouseup = (e) => {
<svelte:window on:mousemove={mousemove} on:mouseup={mouseup} />
<div bind:this={container} class="container" class:zoom>
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<img
on:dblclick={() => {zoom = !zoom}}
on:doubletap={() => {zoom = !zoom}}

View File

@@ -28,7 +28,15 @@ export let highlight = false
</script>
<div class="expandable">
<div class="header" class:click_expand class:highlight on:click={header_click} on:keypress={keypress}>
<div
class="header"
class:click_expand
class:highlight
role="button"
tabindex="0"
on:click={header_click}
on:keypress={keypress}
>
<div class="title">
<slot name="header"></slot>
</div>

View File

@@ -49,8 +49,17 @@ const keydown = e => {
<svelte:window on:keydown={keydown}/>
{#if visible}
<div class="background" use:load_bg on:click={hide} transition:fade={{duration: 200}} on:keydown={keydown}>
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<div
class="background"
use:load_bg
on:click={hide}
transition:fade={{duration: 200}}
on:keydown={keydown}
role="dialog"
>
<div class="top_padding"></div>
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<div
class="window"
class:small_radius={form !== ""}