mirror of
https://github.com/PluralKit/PluralKit.git
synced 2026-02-13 17:20:14 +00:00
feat: only show one shard's popup at a time
This commit is contained in:
parent
762ac7c7c4
commit
400918c349
2 changed files with 6 additions and 4 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<script lang="ts">
|
||||
let isHovering = false;
|
||||
export let hover;
|
||||
|
||||
export let shard = {
|
||||
id: 1,
|
||||
|
|
@ -25,11 +25,11 @@
|
|||
|
||||
<div class="wrapper">
|
||||
<div
|
||||
on:click={() => isHovering = !isHovering}
|
||||
on:click={() => hover = (hover != shard.id) ? shard.id : null}
|
||||
class="shard" id={shard.id.toString()}
|
||||
style={color}
|
||||
>{ shard.id }</div>
|
||||
{#if isHovering}
|
||||
{#if hover == shard.id}
|
||||
<div class="more-info">
|
||||
<h3>Shard { shard.id }</h3>
|
||||
<br>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue