thepaperpilot/Super-Auto-Coots
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Super-Auto-Coots.git synced 2024-11-25 18:00:20 +00:00
Code Issues Releases Activity Actions

Add tooltips to characters

Browse source
This commit is contained in:
thepaperpilot 2023-02-17 07:28:45 -06:00
parent 31ceb4d097
commit 4619a39706
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/data/CharacterSlot.vue
View file

@ -1,11 +1,20 @@
<template>
<div class="character" :class="{ selected }">
<span class="character-display">{{ character?.type }}</span>
</div>
<Tooltip
:display="character ? characters[character.type].nickname : ''"
:direction="Direction.Up"
>
<div class="character" :class="{ selected, empty: character == null }">
<span class="character-display">{{ character?.type }}</span>
</div>
</Tooltip>
</template>
<script setup lang="ts">
const props = defineProps<{
import Tooltip from "features/tooltips/Tooltip.vue";
import { Direction } from "util/common";
import { characters } from "./projEntry";
defineProps<{
character?: {
type: string;
relevancy: number;
@ -21,8 +30,12 @@ const props = defineProps<{
position: relative;
margin: 50px;
justify-content: center;
cursor: pointer;
user-select: none;
display: flex;
}
.character:not(.empty) {
cursor: pointer;
}
.character-display {