mirror of
https://forgejo.merr.is/annika/isl-vue3.git
synced 2025-12-14 06:13:22 -05:00
More Styling and Added Tooltips
This commit is contained in:
parent
599d44a86b
commit
10684ad79c
14 changed files with 246 additions and 70 deletions
|
|
@ -86,6 +86,12 @@ const getColor = computed(() => (rarity: number): string => {
|
|||
:headers="headers"
|
||||
>
|
||||
<template v-slot:item.1.itemName="{ item }">
|
||||
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
|
||||
<v-card variant="text" density="compact">
|
||||
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
|
||||
<v-card-text>{{ item[1].tooltip }}</v-card-text>
|
||||
</v-card>
|
||||
</v-tooltip>
|
||||
<v-chip :color="`${getColor(item[1].rarity)}`">
|
||||
{{ item[1].itemName }}
|
||||
</v-chip>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue