68d2f7bf29
the cards in all information views still used a div.card-body around the table, which added a margin on all sides of the table. to achieve a unified look, these cards and tables now look the same as the inverter channel cards.
23 lines
564 B
Vue
23 lines
564 B
Vue
<template>
|
|
<div :class="['card', table ? 'card-table' : '', addSpace ? 'mt-5' : '']">
|
|
<div :class="['card-header', textVariant]">{{ text }}</div>
|
|
<div :class="['card-body', 'card-text', centerContent ? 'text-center' : '']">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
text: String,
|
|
textVariant: String,
|
|
table: Boolean,
|
|
addSpace: Boolean,
|
|
centerContent: Boolean,
|
|
},
|
|
});
|
|
</script>
|