feat: จัด layout
This commit is contained in:
parent
4dcb1589e7
commit
e017e5092c
1 changed files with 19 additions and 0 deletions
19
src/components/01_branch-management/StatCardComponet.vue
Normal file
19
src/components/01_branch-management/StatCardComponet.vue
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import AppBox from 'components/app/AppBox.vue';
|
||||||
|
|
||||||
|
defineProps<{
|
||||||
|
amount: string;
|
||||||
|
label: string;
|
||||||
|
}>();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<app-box class="bordered" style="width: 15%; min-width: 150px">
|
||||||
|
<div class="column">
|
||||||
|
<div class="col-4 text-h6 text-weight-bold">{{ amount }}</div>
|
||||||
|
<div class="col-4 text-weight-bold">{{ label }}</div>
|
||||||
|
</div>
|
||||||
|
</app-box>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue