louis/gigafibre-fsm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

portal(vue): fix stray space in prices ($39 .95 -> $39.95)

Browse Source 
JSX collapses the newline between {price} and <sup>.cents</sup>; a Vue template
renders it as a visible space. Made the dollar amount and the <sup> cents
adjacent in Services/Telephone/Television price cards. Verified: $39.95/$25.00/$10.00.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
louispaulb 2026-07-07 06:48:18 -04:00
parent 8a51925da8
commit bd7a077f46
3 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/website-vue/src/components/sections/Services.vue
View File

@ -98,10 +98,7 @@ const centsOf = (price: number) => ((price % 1) * 100).toFixed(0).padStart(2, "0
<p class="text-muted-foreground text-sm mb-6 min-h-[40px]">{{ service.description }}</p> <p class="text-muted-foreground text-sm mb-6 min-h-[40px]">{{ service.description }}</p>
<div class="flex items-baseline gap-1"> <div class="flex items-baseline gap-1">
<span class="font-display text-5xl font-bold text-primary"> <span class="font-display text-5xl font-bold text-primary">${{ Math.floor(service.price) }}<sup class="text-2xl">.{{ centsOf(service.price) }}</sup></span>
${{ Math.floor(service.price) }}
<sup class="text-2xl">.{{ centsOf(service.price) }}</sup>
</span>
<span class="text-muted-foreground text-sm">{{ service.unit }}</span> <span class="text-muted-foreground text-sm">{{ service.unit }}</span>
</div> </div>
<p class="text-sm text-muted-foreground mb-4">à partir de</p> <p class="text-sm text-muted-foreground mb-4">à partir de</p>

5
apps/website-vue/src/pages/Telephone.vue
View File

@ -73,10 +73,7 @@ const includedFeatures = ["Afficheur", "Appel en attente", "Renvoi d'appel", "Co
<CardContent class="p-8"> <CardContent class="p-8">
<h3 class="font-display text-2xl font-bold mb-2">{{ plan.name }}</h3> <h3 class="font-display text-2xl font-bold mb-2">{{ plan.name }}</h3>
<div class="flex items-baseline gap-1 mb-2"> <div class="flex items-baseline gap-1 mb-2">
<span class="font-display text-5xl font-bold text-primary"> <span class="font-display text-5xl font-bold text-primary">${{ Math.floor(plan.price) }}<sup class="text-2xl">.00</sup></span>
${{ Math.floor(plan.price) }}
<sup class="text-2xl">.00</sup>
</span>
<span class="text-muted-foreground">/mois +tx</span> <span class="text-muted-foreground">/mois +tx</span>
<span v-if="plan.originalPrice" class="text-muted-foreground line-through text-lg ml-2"> <span v-if="plan.originalPrice" class="text-muted-foreground line-through text-lg ml-2">
${{ plan.originalPrice.toFixed(2) }} ${{ plan.originalPrice.toFixed(2) }}

5
apps/website-vue/src/pages/Television.vue
View File

@ -104,10 +104,7 @@ const channelCategories = [
<CardContent class="p-8 flex flex-col h-full"> <CardContent class="p-8 flex flex-col h-full">
<h3 class="font-display text-2xl font-bold mb-2">{{ plan.name }}</h3> <h3 class="font-display text-2xl font-bold mb-2">{{ plan.name }}</h3>
<div class="flex items-baseline gap-1 mb-6"> <div class="flex items-baseline gap-1 mb-6">
<span class="font-display text-5xl font-bold text-primary"> <span class="font-display text-5xl font-bold text-primary">${{ Math.floor(plan.price) }}<sup class="text-2xl">.00</sup></span>
${{ Math.floor(plan.price) }}
<sup class="text-2xl">.00</sup>
</span>
<span class="text-muted-foreground">/mois +tx</span> <span class="text-muted-foreground">/mois +tx</span>
</div> </div>
<div class="flex items-center gap-2 mb-6 p-3 bg-primary/10 rounded-lg"> <div class="flex items-center gap-2 mb-6 p-3 bg-primary/10 rounded-lg">