diff options
Diffstat (limited to 'src/lib/AuctionPreviewTooltip.svelte')
| -rw-r--r-- | src/lib/AuctionPreviewTooltip.svelte | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/lib/AuctionPreviewTooltip.svelte b/src/lib/AuctionPreviewTooltip.svelte new file mode 100644 index 0000000..226feee --- /dev/null +++ b/src/lib/AuctionPreviewTooltip.svelte @@ -0,0 +1,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> |