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