isl-vue3/src/views/BlessingPowerView.vue

<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>
  <v-sheet class="d-flex flex-wrap flex-fill">
    <StandardItemsCard class="ma-2 align-self-start" />
    <SpecialItemsCard class="ma-2 align-self-start" />
    <SummaryCard class="ma-2 align-self-start" />
  </v-sheet>
</template>

<style lang="scss" scoped>
@use '@/styles/settings.scss';
:deep(tbody) tr:nth-of-type(even) {
  background-color: rgba(var(--v-theme-primary-darken-1), 0.25);
}
</style>