aboutsummaryrefslogtreecommitdiff
path: root/src/lib/AuctionPreviewTooltip.svelte
blob: 226feee688e1b0d99e842bc0d7a3d367311bc5fb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script lang="ts">
	import type { PreviewedAuctionData } from './utils'

	export let preview: PreviewedAuctionData | null
</script>

{#if preview}
	<div id="auction-preview-tooltip" style="left: {preview.pageX}px; top: {preview.pageY}px">
		<p>uuid: {JSON.stringify(preview)}</p>
	</div>
{/if}

<style>
	#auction-preview-tooltip {
		position: absolute;
		width: 10em;
		height: 10em;
		border: 1px solid rgba(255, 255, 255, 0.1);
		background: var(--theme-lighter-background);
		pointer-events: none;
	}
</style>