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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user