diff options
| author | mat <github@matdoes.dev> | 2022-05-16 15:36:06 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-05-16 15:36:06 +0000 |
| commit | 8ba9c7090c88c04d43ca727b7ed012cf5a6b58c8 (patch) | |
| tree | 191998803aefe0311091ae78ffcc20511683c7a6 /src/lib/AuctionPreviewTooltip.svelte | |
| parent | cd9748e59f1dd9ef31afb22195b8d5a1346ec5c3 (diff) | |
| download | skyblock-stats-8ba9c7090c88c04d43ca727b7ed012cf5a6b58c8.tar.gz skyblock-stats-8ba9c7090c88c04d43ca727b7ed012cf5a6b58c8.tar.bz2 skyblock-stats-8ba9c7090c88c04d43ca727b7ed012cf5a6b58c8.zip | |
start adding really basic tooltip
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> |