From 9e9f4d32731c1e846aca528a7080ce77edd3dc47 Mon Sep 17 00:00:00 2001
From: Ariver <ar@MacBook-Air.local>
Date: Wed, 06 May 2026 14:49:09 +0800
Subject: [PATCH] checkpoint: v3.0.2 — 自适应网格布局,容器宽度灵活可变 260-500pt,等距 16pt 间距

---
 Apptag/ContentView.swift |   76 +++++++++++++++++++++-----------------
 1 files changed, 42 insertions(+), 34 deletions(-)

diff --git a/Apptag/ContentView.swift b/Apptag/ContentView.swift
index 3cea665..ec7baae 100644
--- a/Apptag/ContentView.swift
+++ b/Apptag/ContentView.swift
@@ -391,48 +391,56 @@
     }
 
     private var containerGrid: some View {
-        let minContainerWidth: CGFloat = max(iconSize * 3 + 100, 300)
-        let columns = [GridItem(.adaptive(minimum: minContainerWidth, maximum: minContainerWidth * 1.5), spacing: 16)]
+        let gap: CGFloat = 16
+        let minCardW: CGFloat = 260
+        let maxCardW: CGFloat = 500
         return ScrollView {
-            LazyVGrid(columns: columns, alignment: .leading, spacing: 16) {
+            LazyVGrid(
+                columns: [GridItem(.adaptive(minimum: minCardW, maximum: maxCardW), spacing: gap)],
+                spacing: gap
+            ) {
                 ForEach(groups) { group in
-                    VStack(alignment: .leading, spacing: 6) {
-                        // Group header
-                        HStack(spacing: 0) {
-                            Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1)
-                            Text(group.name)
-                                .font(.system(size: tagFontSize, weight: .semibold))
-                                .foregroundStyle(.secondary)
-                                .padding(.horizontal, 10)
-                            Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1)
-                        }
-                        // App grid
-                        let itemSize = iconSize + 28
-                        LazyVGrid(
-                            columns: [GridItem(.adaptive(minimum: itemSize, maximum: itemSize + 36), spacing: 6)],
-                            spacing: 2
-                        ) {
-                            ForEach(group.apps) { app in
-                                AppGridItem(app: app, iconSize: iconSize, onSelect: { openApp(app) })
-                            }
-                        }
-                    }
-                    .id(group.id)
-                    .padding(16)
-                    .background(
-                        RoundedRectangle(cornerRadius: 14)
-                            .fill(.ultraThinMaterial)
-                    )
-                    .overlay(
-                        RoundedRectangle(cornerRadius: 14)
-                            .stroke(Color.primary.opacity(0.08), lineWidth: 1)
-                    )
+                    containerView(for: group)
+                        .id(group.id)
                 }
             }
             .padding(20)
         }
     }
 
+    /// Single container: header + app grid inside rounded rect.
+    /// Width is intrinsic (not fixed) — adapts to content and grid column.
+    private func containerView(for group: TagGroup) -> some View {
+        VStack(alignment: .leading, spacing: 6) {
+            HStack(spacing: 0) {
+                Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1)
+                Text(group.name)
+                    .font(.system(size: tagFontSize, weight: .semibold))
+                    .foregroundStyle(.secondary)
+                    .padding(.horizontal, 10)
+                Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1)
+            }
+            let itemSize = iconSize + 28
+            LazyVGrid(
+                columns: [GridItem(.adaptive(minimum: itemSize, maximum: itemSize + 36), spacing: 6)],
+                spacing: 2
+            ) {
+                ForEach(group.apps) { app in
+                    AppGridItem(app: app, iconSize: iconSize, onSelect: { openApp(app) })
+                }
+            }
+        }
+        .padding(16)
+        .background(
+            RoundedRectangle(cornerRadius: 14)
+                .fill(.ultraThinMaterial)
+        )
+        .overlay(
+            RoundedRectangle(cornerRadius: 14)
+                .stroke(Color.primary.opacity(0.08), lineWidth: 1)
+        )
+    }
+
     // MARK: - Edit Tags View
 
     private var editTagsView: some View {

--
Gitblit v1.9.3