matt
/
port-nimara-client-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Improve text color contrast for better readability in expense list

This commit is contained in:
Matt 2025-07-09 15:35:34 -04:00
parent a337d3c838
commit 5ea9b6ab88
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/ExpenseList.vue
View File

@ -16,7 +16,7 @@
</span> </span>
</div> </div>
<div class="text-body-2 text-grey-darken-1"> <div class="text-body-2 text-grey-darken-3">
{{ expenses.length }} expenses • €{{ totalAmount.toFixed(2) }} {{ expenses.length }} expenses • €{{ totalAmount.toFixed(2) }}
</div> </div>
</div> </div>
@ -80,7 +80,7 @@
@click.stop="$emit('expense-clicked', expense)" @click.stop="$emit('expense-clicked', expense)"
> >
<v-icon size="48" color="grey-darken-1">mdi-receipt-text-outline</v-icon> <v-icon size="48" color="grey-darken-1">mdi-receipt-text-outline</v-icon>
<span class="text-caption text-grey-darken-2">No receipt</span> <span class="text-caption text-grey-darken-4">No receipt</span>
</div> </div>
</div> </div>
@ -182,7 +182,7 @@
<v-card-text> <v-card-text>
<v-icon size="64" color="grey-lighten-2" class="mb-4">mdi-receipt</v-icon> <v-icon size="64" color="grey-lighten-2" class="mb-4">mdi-receipt</v-icon>
<h3 class="text-h6 mb-2">No expenses found</h3> <h3 class="text-h6 mb-2">No expenses found</h3>
<p class="text-body-2 text-grey-darken-1"> <p class="text-body-2 text-grey-darken-3">
No expenses match the current filters No expenses match the current filters
</p> </p>
</v-card-text> </v-card-text>
@ -408,7 +408,7 @@ const openReceipt = (receipt: any) => {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 0.875rem; font-size: 0.875rem;
color: rgba(var(--v-theme-on-surface), 0.8); color: rgba(var(--v-theme-on-surface), 0.9);
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -416,13 +416,13 @@ const openReceipt = (receipt: any) => {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 0.875rem; font-size: 0.875rem;
color: rgba(var(--v-theme-on-surface), 0.8); color: rgba(var(--v-theme-on-surface), 0.9);
margin-bottom: 8px; margin-bottom: 8px;
} }
.contents-preview { .contents-preview {
font-size: 0.875rem; font-size: 0.875rem;
color: rgba(var(--v-theme-on-surface), 0.7); color: rgba(var(--v-theme-on-surface), 0.85);
line-height: 1.3; line-height: 1.3;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;