forked from coracle/flotilla
Add long press for chat messages
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<div class="grid grid-cols-2 gap-2 {$$props.class}">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 {$$props.class}">
|
||||
<label class="flex items-center gap-2 font-bold">
|
||||
<slot name="label" />
|
||||
</label>
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
<script lang="ts">
|
||||
export let onLongPress
|
||||
|
||||
const onTouchStart = () => {
|
||||
timeout = setTimeout(onLongPress, 500)
|
||||
}
|
||||
|
||||
const onTouchEnd = () => clearTimeout(timeout)
|
||||
|
||||
let timeout: number
|
||||
</script>
|
||||
|
||||
<div on:touchstart={onTouchStart} on:touchend={onTouchEnd} {...$$props}>
|
||||
<slot />
|
||||
</div>
|
||||
Reference in New Issue
Block a user