TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-31 13:41:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix indentation on dashboard chart

Browse Source
This commit is contained in:
yogesh-gohil
2023-03-28 15:24:10 +05:30
parent 3710ba74e5
commit 948c71f365
1 changed files with 60 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
resources/scripts/admin/views/dashboard/DashboardChart.vue
View File

@ -2,12 +2,34 @@
<div>
<div
v-if="dashboardStore.isDashboardDataLoaded"
class="grid grid-cols-10 mt-8 bg-white rounded shadow dark:text-white dark:backdrop-blur-xl dark:shadow-glass dark:border dark:bg-opacity-70 dark:border-white/10 dark:bg-gray-800 relative"
class="
grid
grid-cols-10
mt-8
bg-white
rounded shadow
dark:text-white
dark:backdrop-blur-xl
dark:shadow-glass
dark:border
dark:bg-opacity-70
dark:border-white/10
dark:bg-gray-800
relative
"
>
<BaseDarkHighlight />
<!-- Chart -->
<div
class="grid grid-cols-1 col-span-10 px-4 py-5 lg:col-span-7 xl:col-span-8 sm:p-6"
class="
grid grid-cols-1
col-span-10
px-4
py-5
lg:col-span-7
xl:col-span-8
sm:p-6
"
>
<div class="flex justify-between mt-1 mb-4 flex-col md:flex-row">
<h6 class="flex items-center sw-section-title h-10">
@ -39,7 +61,16 @@
<!-- Chart Labels -->
<div
class="grid grid-cols-3 col-span-10 text-center border-t border-l border-gray-200 border-solid lg:border-t-0 lg:text-right lg:col-span-3 xl:col-span-2 lg:grid-cols-1 dark:border-white/10"
class="
grid grid-cols-3
col-span-10
text-center
border-t border-l border-gray-200 border-solid
lg:border-t-0 lg:text-right lg:col-span-3
xl:col-span-2
lg:grid-cols-1
dark:border-white/10
"
>
<div class="p-6">
<span class="text-xs leading-5 lg:text-sm">
@ -59,7 +90,15 @@
</span>
<br />
<span
class="block mt-1 text-xl font-semibold leading-8 lg:text-2xl text-green-400"
class="
block
mt-1
text-xl
font-semibold
leading-8
lg:text-2xl
text-green-400
"
>
<BaseFormatMoney
:amount="dashboardStore.totalReceipts"
@ -82,14 +121,29 @@
</span>
</div>
<div
class="col-span-3 p-6 border-t border-gray-200 border-solid lg:col-span-1 dark:border-white/10"
class="
col-span-3
p-6
border-t
border-gray-200 border-solid
lg:col-span-1
dark:border-white/10
"
>
<span class="text-xs leading-5 lg:text-sm">
{{ $t('dashboard.chart_info.net_income') }}
</span>
<br />
<span
class="block mt-1 text-xl font-semibold leading-8 lg:text-2xl text-primary-500 dark:text-primary-400"
class="
block
mt-1
text-xl
font-semibold
leading-8
lg:text-2xl
text-primary-500 dark:text-primary-400
"
>
<BaseFormatMoney
:amount="dashboardStore.totalNetIncome"