annika/isl-vue3
1
0
Fork 0
mirror of https://forgejo.merr.is/annika/isl-vue3.git synced 2025-12-15 12:36:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

More Bug Fixes and Tooltip Adjustments

Browse source
This commit is contained in:
Annika Merris 2024-01-21 22:14:29 -05:00
parent 10684ad79c
commit d30bde5c4d
8 changed files with 66 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/FellowPower/StandardItemsCard.vue
View file

@ -62,10 +62,10 @@ 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-tooltip activator="parent" v-if="item[1].tooltip != undefined" content-class="custom-tooltip">
<v-card variant="text" density="compact" max-width="25vw">
<v-card-title class="px-2">Origin: {{ item[1].origin }}</v-card-title>
<v-card-text class="px-2" v-if="item[1].tooltip !== ''">{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-chip :color="`${getColor(item[1].rarity)}`">
@ -97,3 +97,9 @@ const getColor = computed(() => (rarity: number): string => {
</v-card-item>
</v-card>
</template>
<style lang="scss" scoped>
:global(.custom-tooltip) {
padding: 0 !important;
}
</style>