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 1m36s Details

This commit is contained in:
Matt 2025-08-15 16:23:37 +02:00
parent 968fa6febb
commit de75d2d764
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
components/DuesPaymentBanner.vue
View File

@ -18,28 +18,28 @@
<v-card <v-card
class="payment-details-card pa-3" class="payment-details-card pa-3"
color="rgba(0,0,0,0.8)" color="rgba(255,255,255,0.95)"
variant="outlined" variant="outlined"
> >
<div class="text-subtitle-1 font-weight-bold mb-2 text-white"> <div class="text-subtitle-1 font-weight-bold mb-2 text-black">
<v-icon left size="small" class="text-white">mdi-bank</v-icon> <v-icon left size="small" class="text-black">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 text-white">Amount:</div> <div class="text-caption font-weight-bold text-black">Amount:</div>
<div class="text-body-2 text-white">€{{ config.membershipFee }}/year</div> <div class="text-body-2 text-black">€{{ 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 text-white">IBAN:</div> <div class="text-caption font-weight-bold text-black">IBAN:</div>
<div class="text-body-2 font-family-monospace text-white">{{ config.iban }}</div> <div class="text-body-2 font-family-monospace text-black">{{ 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 text-white">Account Holder:</div> <div class="text-caption font-weight-bold text-black">Account Holder:</div>
<div class="text-body-2 text-white">{{ config.accountHolder }}</div> <div class="text-body-2 text-black">{{ config.accountHolder }}</div>
</v-col> </v-col>
</v-row> </v-row>
@ -47,12 +47,12 @@
<v-row dense> <v-row dense>
<v-col cols="12"> <v-col cols="12">
<div class="text-caption font-weight-bold text-white">Payment Reference:</div> <div class="text-caption font-weight-bold text-black">Payment Reference:</div>
<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;"> <div class="text-body-2 font-family-monospace text-black" style="background-color: rgba(0, 0, 0, 0.1); padding: 8px; border-radius: 4px; border-left: 4px solid #000000;">
{{ memberData?.member_id || 'Member ID pending' }} {{ memberData?.member_id || 'Member ID pending' }}
</div> </div>
<div class="text-caption text-white mt-1" style="opacity: 0.9;"> <div class="text-caption text-black mt-1">
<v-icon size="small" class="mr-1 text-white">mdi-information-outline</v-icon> <v-icon size="small" class="mr-1 text-black">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>
@ -60,8 +60,8 @@
<v-divider class="my-2 border-opacity-50" /> <v-divider class="my-2 border-opacity-50" />
<div class="text-caption d-flex align-center text-white" style="opacity: 0.9;"> <div class="text-caption d-flex align-center text-black">
<v-icon size="small" class="mr-1 text-white">mdi-information-outline</v-icon> <v-icon size="small" class="mr-1 text-black">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>