improved label in MacroBadge.vue

2026-02-14 13:09:33 +01:00
parent ee144847bd
commit be3c355b37
3 changed files with 33 additions and 12 deletions
--- a/frontend/src/components/common/MacroBadge.vue
+++ b/frontend/src/components/common/MacroBadge.vue
@ -23,6 +23,7 @@ const formattedGrams = computed(() => {

 <template>
 	<span :class="['macro-badge', `macro-badge--${macro}`]">
-		{{ label }} {{ formattedGrams }}g
+		<span>{{ label }}</span>
+		<strong class="macro-badge__value">{{ formattedGrams }}g</strong>
 	</span>
 </template>