Skip to content

Commit

Permalink
Decrease font size of dashboard top statistics amounts
Browse files Browse the repository at this point in the history
  • Loading branch information
@efthakhar
efthakhar committed Aug 29, 2023
1 parent e5dd783 commit 1b980d7
Showing 1 changed file with 21 additions and 41 deletions.
62 changes: 21 additions & 41 deletions resources/admin-resources/modules/dashboard/Dashboard.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -158,21 +158,15 @@ onMounted(() => {
<div class="dashboard-top-stats row flex-wrap">
<div class="col-md-3 col-sm-6 my-1 p-1 min150">
<div
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-center"
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-start"
>
<div class="bg-info p-3 rounded-3 me-4 shadow">
<CartSvgIcon color="white" width="28" height="28" />
</div>
<div class="my-2">
<span class="h3">{{
<span class="top-stats-value">{{
data.total_sale_amount
? data.total_sale_amount.toLocaleString(
"en-US",
{
style: "currency",
currency: "USD",
}
)
? data.total_sale_amount.toFixed(0)
: 0
}}</span
><br /><span>Total Sale</span>
Expand All @@ -181,21 +175,15 @@ onMounted(() => {
</div>
<div class="col-md-3 col-sm-6 my-1 p-1 min150">
<div
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-center shadow"
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-start shadow"
>
<div class="bg-info p-3 rounded-3 me-4">
<BegSvgIcon color="white" width="28" height="28" />
</div>
<div class="my-2">
<span class="h3">{{
<span class="top-stats-value">{{
data.total_purchase_amount
? data.total_purchase_amount.toLocaleString(
"en-US",
{
style: "currency",
currency: "USD",
}
)
? data.total_purchase_amount.toFixed(0)
: 0
}}</span
><br /><span>Total Purchase</span>
Expand All @@ -204,7 +192,7 @@ onMounted(() => {
</div>
<div class="col-md-3 col-sm-6 my-1 p-1 min150">
<div
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-center shadow"
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-start shadow"
>
<div class="bg-info p-3 rounded-3 me-4">
<WalletSvgIcon
Expand All @@ -214,15 +202,9 @@ onMounted(() => {
/>
</div>
<div class="my-2">
<span class="h3">{{
<span class="top-stats-value">{{
data.total_sale_due
? data.total_sale_due.toLocaleString(
"en-US",
{
style: "currency",
currency: "USD",
}
)
? data.total_sale_due.toFixed(0)
: 0
}}</span
><br /><span>Total Sale Due</span>
Expand All @@ -231,21 +213,15 @@ onMounted(() => {
</div>
<div class="col-md-3 col-sm-6 my-1 p-1 min150">
<div
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-center shadow"
class="bg-white shadow d-flex flex-wrap rounded-3 p-3 align-items-start shadow"
>
<div class="bg-info p-3 rounded-3 me-4">
<CoinSvgIcon color="white" width="28" height="28" />
</div>
<div class="my-2">
<span class="h3">{{
<span class="top-stats-value">{{
data.total_purchase_due
? data.total_purchase_due.toLocaleString(
"en-US",
{
style: "currency",
currency: "USD",
}
)
? data.total_purchase_due.toFixed(0)
: 0
}}</span
><br /><span>Total Purchase Due</span>
Expand Down Expand Up @@ -292,9 +268,13 @@ onMounted(() => {
</div>
</template>

<!-- <style>
#topSellingProduct .apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series, .apexcharts-legend.apx-legend-position-top .apexcharts-legend-series {
display: block;
width: 100%;
<style>
.dashboard-top-stats > *>*{
height: 100%;
}
</style> -->
.top-stats-value{
font-size: 20px;
font-weight: 600;
color:#475f7b;
}
</style>

0 comments on commit 1b980d7

Please sign in to comment.