UI updates

eure · Dec 5, 2024 · eb17f47 · eb17f47
1 parent 235503b
commit eb17f47
Showing 1 changed file with 23 additions and 18 deletions.
diff --git a/Sources/StorybookKit/Primitives/Book.swift b/Sources/StorybookKit/Primitives/Book.swift
@@ -51,26 +51,31 @@ public struct Book: BookView, Identifiable {
                   0,
                   title: .init(fileID[module.endIndex...]),
                   destination: { [registries = registriesByFileID[fileID]!] in
-                    ScrollView {
-                      LazyVStack(
-                        alignment: .center,
-                        spacing: 16,
-                        pinnedViews: .sectionHeaders
-                      ) {
-                        Section(
-                          content: {
-                            ForEach.inefficient(items: registries) { registry in
-                              AnyView(registry.makeView())
-                            }
-                          },
-                          header: {
-                            Text(fileID)
-                              .truncationMode(.head)
-                              .font(.caption.monospacedDigit())
+                    LazyVStack(
+                      alignment: .center,
+                      spacing: 16,
+                      pinnedViews: .sectionHeaders
+                    ) {
+                      Section(
+                        content: {
+                          ForEach.inefficient(items: registries) { registry in
+                            AnyView(registry.makeView())
                           }
-                        )
-                      }
+                        },
+                        header: {
+                          Text(fileID)
+                            .multilineTextAlignment(.leading)
+                            .truncationMode(.head)
+                            .foregroundStyle(.secondary)
+                            .font(.caption.monospacedDigit())
+                            .padding(.horizontal, 16)
+                            .padding(.vertical, 8)
+                            .frame(maxWidth: .infinity)
+                            .background(.thickMaterial)
+                        }
+                      )
                     }
+                    .edgesIgnoringSafeArea(.top)
                   }
                 )
               )