2024-01-16 17:06:01 -05:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import SpecialItemsCard from '@/components/BlessingPower/SpecialItemsCard.vue'
|
|
|
|
|
import StandardItemsCard from '@/components/BlessingPower/StandardItemsCard.vue'
|
|
|
|
|
import SummaryCard from '@/components/BlessingPower/SummaryCard.vue'
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
2024-01-17 21:17:00 -05:00
|
|
|
<v-container fluid>
|
2024-01-16 17:06:01 -05:00
|
|
|
<v-row justify="center">
|
|
|
|
|
<v-col><StandardItemsCard /></v-col>
|
|
|
|
|
<v-col><SpecialItemsCard /></v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
<v-row justify="center">
|
|
|
|
|
<v-col cols="6">
|
|
|
|
|
<SummaryCard />
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
</v-container>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
@use "@/styles/settings.scss";
|
|
|
|
|
:deep(tbody) tr:nth-of-type(even) {
|
|
|
|
|
background-color: map-get(settings.$purple, "lighten-5");
|
|
|
|
|
}
|
|
|
|
|
</style>
|
