diff options
| author | mat <github@matdoes.dev> | 2022-02-18 17:29:51 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-18 17:29:51 +0000 |
| commit | 2c09443ba23b8bfbac2eb667a036e7a7fa97b3fe (patch) | |
| tree | 281194008d50800f59050d89f346a85abbf87a23 /src/lib/minecraft/MinecraftTooltip.svelte | |
| parent | bad8a1f2c7519ef63350c26b539dfc6aeb9ab94c (diff) | |
| download | skyblock-stats-2c09443ba23b8bfbac2eb667a036e7a7fa97b3fe.tar.gz skyblock-stats-2c09443ba23b8bfbac2eb667a036e7a7fa97b3fe.tar.bz2 skyblock-stats-2c09443ba23b8bfbac2eb667a036e7a7fa97b3fe.zip | |
add stuff
Diffstat (limited to 'src/lib/minecraft/MinecraftTooltip.svelte')
| -rw-r--r-- | src/lib/minecraft/MinecraftTooltip.svelte | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/lib/minecraft/MinecraftTooltip.svelte b/src/lib/minecraft/MinecraftTooltip.svelte new file mode 100644 index 0000000..9c4e274 --- /dev/null +++ b/src/lib/minecraft/MinecraftTooltip.svelte @@ -0,0 +1,26 @@ +<!-- + @component + + A tooltip that looks like when you hover over a Minecraft item in an inventory. This requires JavaScript. + --> + +<span class="minecraft-tooltip"> + <span class="tooltip-name"> + <slot name="name" /> + </span> + <span class="tooltip-lore"> + <slot name="lore" /> + </span> + <slot /> +</span> + +<style> + .minecraft-tooltip { + height: fit-content; + } + /* these elements exist so we can copy them later from GlobalTooltip */ + .tooltip-name, + .tooltip-lore { + display: none; + } +</style> |