Fitnit · meal detail
Every nutrient,
at a glance
The meal detail card used to be a green number and a two-row grid of coloured figures with nothing tying them together. It is now the same numbers as five capsule sliders — the shape the date, time and meal controls above it already use — each with its own icon, and a fill that says what share of the meal it was.
Before and after
Same entry, same data. The before is what shipped in v1.131.0.
Composites
One wide, one portrait. Right-click to save, or use the links.
What the fill means
Protein, carbs and fat are their share of the meal’s energy, weighted by calories rather than grams — the same weighting as the bar on the history row, so the two never disagree about whether a meal was mostly fat. Fiber and sugar are a share of carbs by weight, because both are carbohydrate: whole milk shows sugar edge to edge, a bowl of oats shows a sliver.
| Nutrient | Fill is | Whole milk, 1½ cups |
|---|---|---|
| Protein | share of calories | 35% |
| Carbs | share of calories | 16% |
| Fat | share of calories | 49% |
| Fiber | share of carbs | 0% |
| Sugar | share of carbs | 100% · “all of carbs” |
A sugar figure above the carbs figure is an analyser slip, not a fact about the
meal, so every fill clamps to its own track. check-macro-split.ts asserts the
whole-milk row above, the oats sliver, the clamp, and that a meal with no carbs renders two
empty tracks rather than dividing by zero.
Six icons, one style
Three existed (the drumstick, wheat and avocado from the home rings). Three were drawn to match: flat silhouette, one hue, at most one accent at 42% opacity.
What else moved
| Element | Before | After |
|---|---|---|
| Calories | 48pt bold, centred, no icon | 44pt with the flame beside it |
| Macros | five figures wrapping to two rows | five 44pt capsule rows, 8pt apart |
| Item card | “P: 19.5g C: 9g F: 12g” in grey, italic “Tap to edit” | the history row’s coloured legend and 4pt split bar, chevron |
| Portion | its own line | leads the legend line |