sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor: update views

Browse Source
This commit is contained in:
mrholek
2023-09-26 23:49:53 +02:00
parent 7048a791cc
commit 9f2955bfab
1 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/dashboard/Dashboard.vue
+20 -18
View File
@@ -194,20 +194,26 @@
</CRow> </CRow>
<br /> <br />
<CTable align="middle" class="mb-0 border" hover responsive> <CTable align="middle" class="mb-0 border" hover responsive>
<CTableHead class="bg-body-secondary"> <CTableHead>
<CTableRow> <CTableRow>
<CTableHeaderCell class="text-center"> <CTableHeaderCell class="bg-body-secondary text-center">
<CIcon name="cil-people" /> <CIcon name="cil-people" />
</CTableHeaderCell> </CTableHeaderCell>
<CTableHeaderCell>User</CTableHeaderCell> <CTableHeaderCell class="bg-body-secondary">
<CTableHeaderCell class="text-center" User
>Country</CTableHeaderCell </CTableHeaderCell>
> <CTableHeaderCell class="bg-body-secondary text-center">
<CTableHeaderCell>Usage</CTableHeaderCell> Country
<CTableHeaderCell class="text-center" </CTableHeaderCell>
>Payment Method</CTableHeaderCell <CTableHeaderCell class="bg-body-secondary">
> Usage
<CTableHeaderCell>Activity</CTableHeaderCell> </CTableHeaderCell>
<CTableHeaderCell class="bg-body-secondary text-center">
Payment Method
</CTableHeaderCell>
<CTableHeaderCell class="bg-body-secondary">
Activity
</CTableHeaderCell>
</CTableRow> </CTableRow>
</CTableHead> </CTableHead>
<CTableBody> <CTableBody>
@@ -234,14 +240,10 @@
/> />
</CTableDataCell> </CTableDataCell>
<CTableDataCell> <CTableDataCell>
<div class="d-flex justify-content-between text-nowrap"> <div class="d-flex justify-content-between align-items-baseline">
<div> <div class="fw-semibold">{{ item.usage.value }}%</div>
<strong>{{ item.usage.value }}%</strong> <div class="ms-1 text-nowrap small text-body-secondary">
</div>
<div class="ms-1">
<small class="text-body-secondary">
{{ item.usage.period }} {{ item.usage.period }}
</small>
</div> </div>
</div> </div>
<CProgress <CProgress