luminic-space/app-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Introduce AI summary section, adjust month navigation layout, and remove global text styling.

Browse Source
This commit is contained in:
xds
2025-11-24 22:34:11 +03:00
parent f6f3a1b70c
commit 397175e34b
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/theme.css
View File

@@ -206,7 +206,4 @@ body {
color: var(--warning-color); color: var(--warning-color);
} }
span, a, i {
color: var(--text-color) !important;
padding: 0 !important;
}

16
src/components/dashboard/DashboardView.vue
View File

@@ -136,17 +136,18 @@ const userName = computed(() => {
<!-- Header / Greeting --> <!-- Header / Greeting -->
<div class="flex flex-col gap-1 px-1"> <div class="flex flex-col gap-1 px-1">
<div class="flex items-center justify-between mb-4">
<Button icon="pi pi-chevron-left" text rounded @click="prevMonth" />
<span class="text-xl font-semibold capitalize">{{ displayMonth }}</span>
<Button icon="pi pi-chevron-right" text rounded @click="nextMonth" />
</div>
<h1 class="!text-2xl !font-semibold text-surface-900 dark:text-surface-0"> <h1 class="!text-2xl !font-semibold text-surface-900 dark:text-surface-0">
Hello, {{ userName }}! 👋 Hello, {{ userName }}! 👋
</h1> </h1>
<p class="text-surface-500 dark:text-surface-400"> <p class="text-surface-500 dark:text-surface-400">
Here is your financial overview. Here is your financial overview.
</p> </p>
<div class="flex items-center justify-between mb-4">
<Button icon="pi pi-chevron-left" text rounded @click="prevMonth" />
<span class="!text-lg !font-semibold !capitalize">{{ displayMonth }}</span>
<Button icon="pi pi-chevron-right" text rounded @click="nextMonth" />
</div>
</div> </div>
<!-- Stats Cards --> <!-- Stats Cards -->
@@ -157,7 +158,10 @@ const userName = computed(() => {
<StatsCard title="Total Balance" :amount="dashboardData.balance" icon="pi pi-wallet" color="blue" /> <StatsCard title="Total Balance" :amount="dashboardData.balance" icon="pi pi-wallet" color="blue" />
</div> </div>
</div> </div>
<div class="flex card">
<span class="text-xl !font-semibold pl-1">Ai summary</span>
<span v-html="dashboardData.analyzedText" />
</div>
<!-- Charts & Upcoming --> <!-- Charts & Upcoming -->
<div class="grid grid-cols-1 lg:grid-cols-1 gap-4"> <div class="grid grid-cols-1 lg:grid-cols-1 gap-4">
<!-- Charts --> <!-- Charts -->