Update EXPERIMENTAL Pill Colors
Nucleic-Session: F6358035-01F2-46A1-83D9-B26FE40148BF Co-authored-by: Nucleic <[email protected]>
This commit is contained in:
@@ -100,22 +100,26 @@ struct BuildBanner: View {
|
|||||||
Text(style.label)
|
Text(style.label)
|
||||||
.font(.footnote.weight(.semibold))
|
.font(.footnote.weight(.semibold))
|
||||||
.lineLimit(1)
|
.lineLimit(1)
|
||||||
Spacer(minLength: 12)
|
|
||||||
Text(info.buildLabel)
|
Text(info.buildLabel)
|
||||||
.font(.caption.monospaced())
|
.font(.caption.monospaced())
|
||||||
.opacity(0.85)
|
.opacity(0.85)
|
||||||
Text("EXPERIMENTAL")
|
Text("EXPERIMENTAL")
|
||||||
.font(.caption2.weight(.heavy))
|
.font(.caption2.weight(.heavy))
|
||||||
.tracking(0.9)
|
.tracking(0.9)
|
||||||
.foregroundStyle(.white)
|
|
||||||
.padding(.horizontal, 6)
|
.padding(.horizontal, 6)
|
||||||
.padding(.vertical, 2)
|
.padding(.vertical, 2)
|
||||||
.background(style.tint, in: .capsule)
|
.background(.white.opacity(0.16), in: .capsule)
|
||||||
}
|
}
|
||||||
.foregroundStyle(.primary)
|
.foregroundStyle(.white.opacity(0.92))
|
||||||
.padding(.horizontal, 12)
|
.padding(.horizontal, 12)
|
||||||
.padding(.vertical, 5)
|
.padding(.vertical, 5)
|
||||||
.frame(maxWidth: .infinity)
|
// The channel-colored stripe wraps only this row of content — channel name, build
|
||||||
|
// label, and the EXPERIMENTAL pill — instead of bleeding across the full window
|
||||||
|
// header, then sits at the leading edge with a little breathing room around it.
|
||||||
|
.background(style.tint.opacity(0.9), in: .rect(cornerRadius: 8))
|
||||||
|
.padding(.horizontal, 12)
|
||||||
|
.padding(.vertical, 4)
|
||||||
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
.accessibilityLabel(style.tooltip(version: info.version, build: info.buildLabel))
|
.accessibilityLabel(style.tooltip(version: info.version, build: info.buildLabel))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user