Siri: full-width Directions row on price card — fixes squashed 2-line button in narrow snippet

This commit is contained in:
FuelBoard Contributor
2026-08-14 14:45:51 +01:00
parent 6d7254ebba
commit b46c09109e
+25 -25
View File
@@ -356,36 +356,36 @@ struct FuelPriceCard: View {
var directionsIntent: OpenDirectionsIntent? = nil
var body: some View {
HStack(spacing: 14) {
Image(systemName: "fuelpump.fill")
.font(.title2)
.foregroundStyle(.tint)
VStack(alignment: .leading, spacing: 2) {
Text(stationName)
.font(.headline)
.lineLimit(1)
Text(distance.isEmpty ? fuelName : "\(fuelName) · \(distance)")
.font(.subheadline)
.foregroundStyle(.secondary)
if !freshness.isEmpty {
Text(freshness)
.font(.caption)
.foregroundStyle(.tertiary)
VStack(alignment: .leading, spacing: 10) {
HStack(spacing: 14) {
Image(systemName: "fuelpump.fill")
.font(.title2)
.foregroundStyle(.tint)
VStack(alignment: .leading, spacing: 2) {
Text(stationName)
.font(.headline)
.lineLimit(1)
Text(distance.isEmpty ? fuelName : "\(fuelName) · \(distance)")
.font(.subheadline)
.foregroundStyle(.secondary)
if !freshness.isEmpty {
Text(freshness)
.font(.caption)
.foregroundStyle(.tertiary)
}
}
}
Spacer(minLength: 8)
VStack(alignment: .trailing, spacing: 6) {
Spacer(minLength: 8)
Text(price)
.font(.title2.bold())
.monospacedDigit()
if let directionsIntent {
Button(intent: directionsIntent) {
Label("Directions", systemImage: "map.fill")
.font(.footnote.weight(.medium))
}
.buttonStyle(.bordered)
.controlSize(.small)
}
if let directionsIntent {
Button(intent: directionsIntent) {
Label("Directions", systemImage: "map.fill")
.font(.footnote.weight(.medium))
.frame(maxWidth: .infinity)
}
.buttonStyle(.bordered)
}
}
.padding(12)