110 lines
3.9 KiB
Swift
110 lines
3.9 KiB
Swift
import SwiftUI
|
|
|
|
enum T {
|
|
static let bg = Color(red: 0.047, green: 0.047, blue: 0.058)
|
|
static let panel = Color(red: 0.094, green: 0.094, blue: 0.110)
|
|
static let panelHi = Color(red: 0.140, green: 0.140, blue: 0.162)
|
|
static let stroke = Color.white.opacity(0.075)
|
|
static let ember = Color(red: 1.00, green: 0.42, blue: 0.16)
|
|
static let emberSoft = Color(red: 1.00, green: 0.60, blue: 0.32)
|
|
static let good = Color(red: 0.32, green: 0.85, blue: 0.55)
|
|
static let warn = Color(red: 1.00, green: 0.76, blue: 0.28)
|
|
static let bad = Color(red: 1.00, green: 0.34, blue: 0.34)
|
|
static let info = Color(red: 0.44, green: 0.70, blue: 1.00)
|
|
static let violet = Color(red: 0.68, green: 0.52, blue: 1.00)
|
|
|
|
static let mono = Font.system(size: 12, design: .monospaced)
|
|
static let monoSm = Font.system(size: 10.5, design: .monospaced)
|
|
static let monoLg = Font.system(size: 14, weight: .medium, design: .monospaced)
|
|
static let title = Font.system(size: 26, weight: .bold, design: .rounded)
|
|
static let head = Font.system(size: 15, weight: .semibold, design: .rounded)
|
|
static let body = Font.system(size: 13, weight: .regular, design: .rounded)
|
|
static let tiny = Font.system(size: 10.5, weight: .medium, design: .rounded)
|
|
}
|
|
|
|
struct Card<Content: View>: View {
|
|
var padding: CGFloat = 14
|
|
@ViewBuilder var content: () -> Content
|
|
|
|
var body: some View {
|
|
content()
|
|
.padding(padding)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.background(RoundedRectangle(cornerRadius: 14, style: .continuous).fill(T.panel))
|
|
.overlay(RoundedRectangle(cornerRadius: 14, style: .continuous).strokeBorder(T.stroke, lineWidth: 1))
|
|
}
|
|
}
|
|
|
|
struct Pill: View {
|
|
let text: String
|
|
var color: Color = T.info
|
|
|
|
var body: some View {
|
|
Text(text)
|
|
.font(T.tiny)
|
|
.foregroundColor(color)
|
|
.padding(.horizontal, 7)
|
|
.padding(.vertical, 3)
|
|
.background(Capsule().fill(color.opacity(0.14)))
|
|
.overlay(Capsule().strokeBorder(color.opacity(0.35), lineWidth: 0.6))
|
|
}
|
|
}
|
|
|
|
struct SectionLabel: View {
|
|
let text: String
|
|
|
|
var body: some View {
|
|
Text(text.uppercased())
|
|
.font(.system(size: 10.5, weight: .bold, design: .rounded))
|
|
.kerning(1.1)
|
|
.foregroundColor(.white.opacity(0.34))
|
|
}
|
|
}
|
|
|
|
struct KeyValueRow: View {
|
|
let key: String
|
|
let value: String
|
|
var mono: Bool = true
|
|
var tint: Color = .white.opacity(0.86)
|
|
|
|
var body: some View {
|
|
HStack(alignment: .top, spacing: 10) {
|
|
Text(key)
|
|
.font(T.body)
|
|
.foregroundColor(.white.opacity(0.42))
|
|
.frame(width: 108, alignment: .leading)
|
|
Text(value)
|
|
.font(mono ? T.mono : T.body)
|
|
.foregroundColor(tint)
|
|
.textSelection(.enabled)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
}
|
|
.padding(.vertical, 3)
|
|
}
|
|
}
|
|
|
|
struct RunButton: View {
|
|
let title: String
|
|
var systemImage: String = "bolt.fill"
|
|
var tint: Color = T.ember
|
|
var disabled: Bool = false
|
|
let action: () -> Void
|
|
|
|
var body: some View {
|
|
Button(action: action) {
|
|
HStack(spacing: 7) {
|
|
Image(systemName: systemImage).font(.system(size: 12, weight: .bold))
|
|
Text(title).font(.system(size: 13, weight: .semibold, design: .rounded))
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 10)
|
|
.background(RoundedRectangle(cornerRadius: 10, style: .continuous)
|
|
.fill(disabled ? T.panelHi : tint.opacity(0.18)))
|
|
.overlay(RoundedRectangle(cornerRadius: 10, style: .continuous)
|
|
.strokeBorder(disabled ? T.stroke : tint.opacity(0.5), lineWidth: 1))
|
|
.foregroundColor(disabled ? .white.opacity(0.25) : tint)
|
|
}
|
|
.disabled(disabled)
|
|
}
|
|
}
|