jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixe Btn color

Browse Source
This commit is contained in:
PascalMarchesseault
2024-10-09 12:25:53 -04:00
parent 7e2b0b58b4
commit 648507b860
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/creators/SubscriptionMenu.vue
View File

@@ -45,15 +45,18 @@ function selectTier(id) {
</div> </div>
<div class="text-center bg-fuchsia-800 py-10" :style="[Primary]"> <div class="text-center bg-fuchsia-800 py-10" :style="[Primary]">
<v-btn <v-btn
:color="selectedTier === tier.id ? 'primary' : ''"
@click="selectTier(tier.id)"
class="mx-auto" class="mx-auto"
width="200px" width="200px"
:style="{ backgroundColor: selectedTier === tier.id ? branding.colors.primary : branding.colors.secondary, color: branding.colors.onSecondary }" @click="selectTier(tier.id)"
:style="{
backgroundColor: selectedTier === tier.id ? branding.colors.background : branding.colors.secondary,
color: selectedTier === tier.id ? branding.colors.onPrimary : branding.colors.onSecondary
}"
> >
{{ selectedTier === tier.id ? 'Sélectionné' : 'Choisir' }} {{ selectedTier === tier.id ? 'Sélectionné' : 'Choisir' }}
</v-btn> </v-btn>
</div> </div>
<v-card-text class="text-center rounded-b-2xl" :style="[secondaryColor,onSecondaryColor]" > <v-card-text class="text-center rounded-b-2xl" :style="[secondaryColor,onSecondaryColor]" >
<span class="text-h5">{{ tier.price }} $ / par mois </span> <span class="text-h5">{{ tier.price }} $ / par mois </span>