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