matt
/
monacousa-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes
Build And Push Image / docker (push) Successful in 1m39s Details

This commit is contained in:
Matt 2025-08-15 15:58:33 +02:00
parent 031ed4fd9e
commit 136eb5229e
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
components/DuesPaymentBanner.vue
View File

@ -19,50 +19,50 @@
<v-card <v-card
class="payment-details-card pa-3" class="payment-details-card pa-3"
color="rgba(255,255,255,0.1)" color="rgba(0,0,0,0.1)"
variant="outlined" variant="outlined"
> >
<div class="text-subtitle-1 font-weight-bold mb-2"> <div class="text-subtitle-1 font-weight-bold mb-2 text-white">
<v-icon left size="small">mdi-bank</v-icon> <v-icon left size="small" class="text-white">mdi-bank</v-icon>
Payment Details Payment Details
</div> </div>
<v-row dense> <v-row dense>
<v-col cols="12" sm="4" md="3"> <v-col cols="12" sm="4" md="3">
<div class="text-caption font-weight-bold">Amount:</div> <div class="text-caption font-weight-bold text-white">Amount:</div>
<div class="text-body-2">€{{ config.membershipFee }}/year</div> <div class="text-body-2 text-white">€{{ config.membershipFee }}/year</div>
</v-col> </v-col>
<v-col cols="12" sm="8" md="5" v-if="config.iban"> <v-col cols="12" sm="8" md="5" v-if="config.iban">
<div class="text-caption font-weight-bold">IBAN:</div> <div class="text-caption font-weight-bold text-white">IBAN:</div>
<div class="text-body-2 font-family-monospace">{{ config.iban }}</div> <div class="text-body-2 font-family-monospace text-white">{{ config.iban }}</div>
</v-col> </v-col>
<v-col cols="12" sm="12" md="4" v-if="config.accountHolder"> <v-col cols="12" sm="12" md="4" v-if="config.accountHolder">
<div class="text-caption font-weight-bold">Account Holder:</div> <div class="text-caption font-weight-bold text-white">Account Holder:</div>
<div class="text-body-2">{{ config.accountHolder }}</div> <div class="text-body-2 text-white">{{ config.accountHolder }}</div>
</v-col> </v-col>
</v-row> </v-row>
<v-divider class="my-2" /> <v-divider class="my-2 border-opacity-50" />
<v-row dense> <v-row dense>
<v-col cols="12"> <v-col cols="12">
<div class="text-caption font-weight-bold">Payment Reference:</div> <div class="text-caption font-weight-bold text-white">Payment Reference:</div>
<div class="text-body-2 font-family-monospace" style="background-color: rgba(163, 21, 21, 0.1); padding: 8px; border-radius: 4px; border-left: 4px solid #a31515;"> <div class="text-body-2 font-family-monospace text-white" style="background-color: rgba(255, 255, 255, 0.2); padding: 8px; border-radius: 4px; border-left: 4px solid #ffffff;">
{{ memberData?.member_id || 'Member ID pending' }} {{ memberData?.member_id || 'Member ID pending' }}
</div> </div>
<div class="text-caption text-medium-emphasis mt-1"> <div class="text-caption text-white mt-1" style="opacity: 0.9;">
<v-icon size="small" class="mr-1">mdi-information-outline</v-icon> <v-icon size="small" class="mr-1 text-white">mdi-information-outline</v-icon>
Please include your member ID in the wire transfer reference for identification Please include your member ID in the wire transfer reference for identification
</div> </div>
</v-col> </v-col>
</v-row> </v-row>
<v-divider class="my-2" /> <v-divider class="my-2 border-opacity-50" />
<div class="text-caption d-flex align-center"> <div class="text-caption d-flex align-center text-white" style="opacity: 0.9;">
<v-icon size="small" class="mr-1">mdi-information-outline</v-icon> <v-icon size="small" class="mr-1 text-white">mdi-information-outline</v-icon>
{{ daysRemaining > 0 ? `${daysRemaining} days remaining` : 'Payment overdue' }} {{ daysRemaining > 0 ? `${daysRemaining} days remaining` : 'Payment overdue' }}
before account suspension before account suspension
</div> </div>