Match stats strip to design — 32pt rounded semibold values

compactStat: 15pt light monospaced → 32pt semibold rounded.
Labels: 8pt monospaced caps → 11pt regular mixed-case.
statDivider height 22→44pt to match taller cells.

Co-Authored-By: Kutesir <kutesir@provoc.ug>
Co-Authored-By: Sentry <sentry@provoc.ug>
This commit is contained in:
Robin Kutesa
2026-05-21 14:30:29 +03:00
parent e8cb48b6d0
commit fa75e00326

View File

@@ -376,25 +376,22 @@ struct BackupView: View {
} }
private func compactStat(_ value: String, label: String, color: Color) -> some View { private func compactStat(_ value: String, label: String, color: Color) -> some View {
VStack(spacing: 3) { VStack(spacing: 5) {
Text(value) Text(value)
.font(.system(size: 15, weight: .light)) .font(.system(size: 32, weight: .semibold, design: .rounded))
.foregroundStyle(color) .foregroundStyle(color)
.monospacedDigit()
.kerning(-0.5)
Text(label) Text(label)
.font(.system(size: 8, weight: .regular, design: .monospaced)) .font(.system(size: 11, weight: .regular))
.foregroundStyle(AppTheme.inkQuaternary) .foregroundStyle(AppTheme.inkQuaternary)
.tracking(1.0)
} }
.frame(maxWidth: .infinity) .frame(maxWidth: .infinity)
.padding(.vertical, 6) .padding(.vertical, 10)
} }
private var statDivider: some View { private var statDivider: some View {
Rectangle() Rectangle()
.fill(Color(red: 0.922, green: 0.922, blue: 0.922)) .fill(Color(red: 0.88, green: 0.88, blue: 0.88))
.frame(width: 1, height: 22) .frame(width: 1, height: 44)
} }
private var thinDivider: some View { private var thinDivider: some View {