Merge pull request #495 from gobitfly/BIDS-3090/MobileAdaptionsForPri…

…cing Bids 3090/mobile adaptions for pricing
gobitfly · Jun 18, 2024 · 042578d · 042578d
2 parents a08c454 + 1e82cbc
commit 042578d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/frontend/components/pricing/PremiumFeature.vue b/frontend/components/pricing/PremiumFeature.vue
@@ -102,11 +102,11 @@ defineProps<Props>()
         gap: 0;
 
         .name {
-          font-size: 10px;
+          font-size: 12px;
         }
 
         .additional-info-row {
-          font-size: 8px;
+          font-size: 10px;
         }
       }
     }

diff --git a/frontend/components/pricing/PremiumProductBox.vue b/frontend/components/pricing/PremiumProductBox.vue
@@ -31,7 +31,7 @@ const prices = computed(() => {
     monthly_based_on_yearly: formatPremiumProductPrice($t, props.product.price_per_year_eur / 12),
     yearly: formatPremiumProductPrice($t, props.product.price_per_year_eur),
     saving: formatPremiumProductPrice($t, savingAmount, savingDigits),
-    perValidator: formatPremiumProductPrice($t, mainPrice / props.product.premium_perks.validators_per_dashboard, 5)
+    perValidator: formatPremiumProductPrice($t, mainPrice / props.product.premium_perks.validators_per_dashboard / props.product.premium_perks.validator_dashboards, 6)
   }
 })
 
@@ -319,10 +319,10 @@ const minorFeatures = computed<Feature[]>(() => {
   }
 
   @media (max-width: 1360px) {
-    width: 210px;
+    width: 240px;
 
     &[popular] {
-      width: 275px;
+      width: 300px;
     }
 
     .name-container {