What's New

// What's New · syxUI · https://syxui.dev/components/tip-whatsnew
// Free in any project. Keep this line and credit syxUI where a person can read it.

import SwiftUI

let ttBlue = Color(red: 0.0, green: 0.47, blue: 1.0)
let ttRed = Color(red: 0.90, green: 0.24, blue: 0.28)
let ttPurple = Color(red: 0.55, green: 0.40, blue: 0.90)

struct WhatsNewPopover: View { var body: some View { VStack(alignment: .leading, spacing: 12) { HStack { Text("What's New").font(.system(size: 16, weight: .bold)); Spacer(); Text("v2.5").font(.system(size: 12, weight: .medium)).foregroundStyle(.secondary) }; ForEach(Array([("bolt.fill", "Faster sync", ttBlue), ("moon.fill", "Dark mode", ttPurple), ("bell.fill", "Smart alerts", ttRed)].enumerated()), id: \.offset) { _, f in HStack(spacing: 10) { Image(systemName: f.0).font(.system(size: 13)).foregroundStyle(.white).frame(width: 28, height: 28).background(f.2, in: RoundedRectangle(cornerRadius: 8)); Text(f.1).font(.system(size: 14)); Spacer() } } }.padding(16).frame(width: 260).background(Color(.systemBackground), in: RoundedRectangle(cornerRadius: 16, style: .continuous)).overlay(RoundedRectangle(cornerRadius: 16, style: .continuous).stroke(Color.primary.opacity(0.06), lineWidth: 1)).shadow(color: .black.opacity(0.08), radius: 16, y: 6) } }