From 14c2be9277382c3284f72ec01ad39771f33e47dc Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Wed, 7 Feb 2024 16:51:19 -0500
Subject: [PATCH] add classes to scalable numbers apply "scalable" to all apply
 "scaled-up" when ingredient factor is >1 apply "unscaled" when ingredient
 factor is 1 apply "scaled-down" when factor is <1

---
 vue/src/components/ScalableNumber.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/vue/src/components/ScalableNumber.vue b/vue/src/components/ScalableNumber.vue
index 2054c6c1..6dcc47d8 100644
--- a/vue/src/components/ScalableNumber.vue
+++ b/vue/src/components/ScalableNumber.vue
@@ -1,6 +1,5 @@
 <template>
-  <span v-html="calculateAmount(number)"></span>
-
+  <span class="scalable" :class="[this.factor===1 ? 'unscaled' : (this.factor > 1 ? 'scaled-up':'scaled-down')]" v-html="calculateAmount(number)"></span>
 </template>
 
 <script>