ui: Mac-Window + Konto-Header nach erstem TestFlight-Build

- WebShellView füllt Window-Höhe explizit
  (.frame(maxWidth: .infinity, maxHeight: .infinity)) — sonst hatte
  WKWebView auf Mac einen Rest-Spalt, der den Web-Footer abschnitt.
- RootView TabBar-Hintergrund: Paper-Background auf Window-Toolbar
  (macOS-only via #if os(macOS), windowToolbar-Placement existiert
  unter iOS nicht). Title-Bar passt jetzt zum Content statt System-Grau.
- AccountView Header: SF Symbol "quote.opening" durch eine einzelne,
  zentrierte Öffnungs-Anführung in Georgia-Bold ersetzt. Die SF-
  Doppelglyphe war asymmetrisch positioniert, sieht jetzt sauber aus.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till 2026-05-14 21:38:48 +02:00
parent 10644ff4ef
commit bc01c0ff12
3 changed files with 20 additions and 3 deletions

View file

@ -30,6 +30,15 @@ struct RootView: View {
.tabItem { Label("Konto", systemImage: "person.circle") }
.tag(AppTab.account)
}
// Mac-Window-Hintergrund auf Paper-Theme setzen, damit der
// TabBar-/Title-Bar-Bereich oben nicht mit dem System-Grau
// gegen das Paper-Theme ausreißt. `windowToolbar`-Placement
// ist macOS-only.
.background(ZitareTheme.background.ignoresSafeArea())
#if os(macOS)
.toolbarBackground(ZitareTheme.background, for: .windowToolbar)
.toolbarBackground(.visible, for: .windowToolbar)
#endif
.task {
await probeHealth()
}

View file

@ -26,10 +26,15 @@ struct AccountView: View {
}
private var header: some View {
VStack(spacing: 8) {
Image(systemName: "quote.opening")
.font(.system(size: 48))
VStack(spacing: 12) {
// Eigenes Anführungszeichen-Glyph in der gleichen Variante
// wie das App-Icon sienna auf transparentem Hintergrund,
// serif. SF-Symbol "quote.opening" rendert zwei Glyphen
// asymmetrisch nebeneinander, das wirkt unsauber.
Text(verbatim: "\u{201C}")
.font(.custom("Georgia-Bold", size: 96))
.foregroundStyle(ZitareTheme.primary)
.frame(height: 64, alignment: .top)
Text("Zitare")
.font(.largeTitle)
.fontWeight(.semibold)

View file

@ -33,6 +33,7 @@ struct WebShellView: View {
navState: navState,
openURL: openURL
)
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(ZitareTheme.background)
#elseif canImport(AppKit)
MacWebViewRepresentable(
@ -40,12 +41,14 @@ struct WebShellView: View {
navState: navState,
openURL: openURL
)
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(ZitareTheme.background)
#endif
if let error = navState.lastError {
errorBar(error)
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
}
private func errorBar(_ message: String) -> some View {