cat/Purrse
Private
Public Access
1
0
Fork 0
Code Activity

Make account cards equal height with bottom-aligned actions

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Catherine Renelle
2026-02-15 22:47:32 -05:00
parent ab335dac55
commit 81d7337ce8
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/accounts/AccountsView.vue
+2 -1
View File
@@ -8,7 +8,7 @@
<v-row> <v-row>
<v-col v-for="account in accountsStore.accounts" :key="account.id" cols="12" md="6" lg="4"> <v-col v-for="account in accountsStore.accounts" :key="account.id" cols="12" md="6" lg="4">
<v-card :to="`/accounts/${account.id}/transactions`" hover> <v-card :to="`/accounts/${account.id}/transactions`" hover class="d-flex flex-column" height="100%">
<v-card-title> <v-card-title>
<v-icon class="mr-2">{{ accountTypeIcon(account.type) }}</v-icon> <v-icon class="mr-2">{{ accountTypeIcon(account.type) }}</v-icon>
{{ account.name }} {{ account.name }}
@@ -24,6 +24,7 @@
</div> </div>
<div v-if="account.interestRate" class="text-caption">APR: {{ account.interestRate }}%</div> <div v-if="account.interestRate" class="text-caption">APR: {{ account.interestRate }}%</div>
</v-card-text> </v-card-text>
<v-spacer />
<v-card-actions> <v-card-actions>
<v-btn size="small" variant="text" @click.prevent="editAccount(account)">Edit</v-btn> <v-btn size="small" variant="text" @click.prevent="editAccount(account)">Edit</v-btn>
<v-btn v-if="account.hasLoanDetail" size="small" variant="text" color="info" :to="`/loans/${account.id}`" @click.stop>Loan Details</v-btn> <v-btn v-if="account.hasLoanDetail" size="small" variant="text" color="info" :to="`/loans/${account.id}`" @click.stop>Loan Details</v-btn>