forked from coracle/flotilla
remove nip05 login, use nostrconnect instead
This commit is contained in:
@@ -0,0 +1,31 @@
|
||||
<script lang="ts">
|
||||
import QRCode from "qrcode"
|
||||
import {onMount} from "svelte"
|
||||
import Button from "@lib/components/Button.svelte"
|
||||
import {clip} from "@app/toast"
|
||||
|
||||
export let code
|
||||
|
||||
let canvas, wrapper
|
||||
let scale = 0.1
|
||||
let height = null
|
||||
|
||||
onMount(() => {
|
||||
QRCode.toCanvas(canvas, code)
|
||||
|
||||
const wrapperRect = wrapper.getBoundingClientRect()
|
||||
const canvasRect = canvas.getBoundingClientRect()
|
||||
|
||||
scale = wrapperRect.width / (canvasRect.width * 10)
|
||||
height = canvasRect.width * 10 * scale
|
||||
})
|
||||
</script>
|
||||
|
||||
<Button on:click={() => clip(code)}>
|
||||
<div bind:this={wrapper} style={`height: ${height}px`}>
|
||||
<canvas
|
||||
class="rounded-box"
|
||||
bind:this={canvas}
|
||||
style={`transform-origin: top left; transform: scale(${scale}, ${scale})`} />
|
||||
</div>
|
||||
</Button>
|
||||
Reference in New Issue
Block a user