mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-03 13:19:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

add classes to scalable numbers

Browse Source 
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
This commit is contained in:
tomtjes
2024-02-07 16:51:19 -05:00
parent e5303967df
commit 14c2be9277
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
vue/src/components/ScalableNumber.vue
View File

@@ -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>