idp.global/swiftapp
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine inbox and watch approval presentation
CI / test (push) Has been cancelled
Details

Browse Source 
Tighten the inbox, detail, and watch layouts so approval actions feel denser and more direct across compact surfaces.
This commit is contained in:
Jürgen Kunz
2026-04-19 21:50:03 +02:00
parent 61a0cc1f7d
commit 271d9657bf
13 changed files with 1122 additions and 516 deletions
Download Patch File Download Diff File Expand all files Collapse all files
swift/WatchApp/Design/ButtonStyles.swift
+70 -20
View File
@@ -3,55 +3,105 @@ import SwiftUI
struct PrimaryActionStyle: ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label
.font(.headline)
.font(.footnote.weight(.semibold))
.frame(maxWidth: .infinity)
.padding(.horizontal, 12)
.padding(.vertical, 12)
.padding(.vertical, 10)
.foregroundStyle(Color.idpPrimaryForeground)
.background(
RoundedRectangle(cornerRadius: IdP.controlRadius, style: .continuous)
.fill(IdP.tint)
.fill(Color.idpPrimary)
)
.foregroundStyle(.white)
.opacity(configuration.isPressed ? 0.92 : 1)
.opacity(configuration.isPressed ? 0.85 : 1)
}
}
struct SecondaryActionStyle: ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label
.font(.headline)
.font(.footnote.weight(.semibold))
.frame(maxWidth: .infinity)
.padding(.horizontal, 12)
.padding(.vertical, 12)
.padding(.vertical, 10)
.foregroundStyle(.white)
.background(
RoundedRectangle(cornerRadius: IdP.controlRadius, style: .continuous)
.fill(Color.idpSecondaryGroupedBackground)
.fill(Color.clear)
)
.overlay(
RoundedRectangle(cornerRadius: IdP.controlRadius, style: .continuous)
.stroke(Color.idpSeparator, lineWidth: 1)
.stroke(Color.white.opacity(0.22), lineWidth: 1)
)
.foregroundStyle(.white)
.opacity(configuration.isPressed ? 0.92 : 1)
.opacity(configuration.isPressed ? 0.7 : 1)
}
}
struct DestructiveStyle: ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label
.font(.headline)
.font(.footnote.weight(.semibold))
.frame(maxWidth: .infinity)
.padding(.horizontal, 12)
.padding(.vertical, 12)
.padding(.vertical, 10)
.foregroundStyle(.white)
.background(
RoundedRectangle(cornerRadius: IdP.controlRadius, style: .continuous)
.fill(Color.red.opacity(0.18))
.fill(Color.idpDestructive)
)
.overlay(
RoundedRectangle(cornerRadius: IdP.controlRadius, style: .continuous)
.stroke(Color.red.opacity(0.25), lineWidth: 1)
)
.foregroundStyle(.red)
.opacity(configuration.isPressed ? 0.92 : 1)
.opacity(configuration.isPressed ? 0.85 : 1)
}
}
struct WatchBadge: View {
enum Tone {
case neutral
case accent
case ok
case warn
case danger
}
let title: String
var tone: Tone = .neutral
var body: some View {
Text(title)
.font(.system(size: 9, weight: .bold))
.tracking(0.5)
.foregroundStyle(foreground)
.padding(.horizontal, 6)
.padding(.vertical, 2)
.background(background, in: Capsule(style: .continuous))
.overlay(
Capsule(style: .continuous)
.stroke(stroke, lineWidth: 1)
)
}
private var foreground: Color {
switch tone {
case .neutral: return Color.idpMutedForeground
case .accent: return IdP.tint
case .ok: return Color.idpOK
case .warn: return Color.idpWarn
case .danger: return Color.idpDestructive
}
}
private var background: Color {
switch tone {
case .neutral: return Color.white.opacity(0.05)
default: return .clear
}
}
private var stroke: Color {
switch tone {
case .accent: return IdP.tint.opacity(0.45)
case .ok: return Color.idpOK.opacity(0.45)
case .warn: return Color.idpWarn.opacity(0.45)
case .danger: return Color.idpDestructive.opacity(0.55)
case .neutral: return .clear
}
}
}