Refine macOS app visual hierarchy

2026-09-16 00:18:32 +02:00
parent c8242a844a
commit f9af5c21d8
5 changed files with 167 additions and 60 deletions
@@ -15,9 +15,20 @@ struct ProjectInspectorView: View {

    var body: some View {
        VStack(spacing: 0) {
-            HStack {
-                Label("Inspector", systemImage: "slider.horizontal.3")
-                    .font(.headline)
+            HStack(spacing: 10) {
+                Image(systemName: "slider.horizontal.3")
+                    .font(.body.weight(.semibold))
+                    .foregroundStyle(.tint)
+                    .frame(width: 32, height: 32)
+                    .background(.tint.opacity(0.12), in: RoundedRectangle(cornerRadius: 8))
+
+                VStack(alignment: .leading, spacing: 2) {
+                    Text("Inspector")
+                        .font(.headline)
+                    Text("Song controls")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }

                Spacer()

@@ -31,7 +42,9 @@ struct ProjectInspectorView: View {
                .keyboardShortcut("s", modifiers: .command)
                .disabled(isSaving)
            }
-            .padding(16)
+            .padding(.horizontal, 16)
+            .padding(.vertical, 14)
+            .background(.bar)

            Divider()