| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | 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)] |
|---|
| | | return ScrollView { |
|---|
| | | LazyVGrid(columns: columns, alignment: .leading, spacing: 16) { |
|---|
| | | GeometryReader { geo in |
|---|
| | | let availableWidth = geo.size.width - 40 // padding |
|---|
| | | let spacing: CGFloat = 16 |
|---|
| | | let containerMin: CGFloat = 320 |
|---|
| | | let colCount = max(1, Int((availableWidth + spacing) / (containerMin + spacing))) |
|---|
| | | let cols = Array(repeating: GridItem(.flexible(), spacing: spacing), count: colCount) |
|---|
| | | ScrollView { |
|---|
| | | LazyVGrid(columns: cols, alignment: .leading, spacing: spacing) { |
|---|
| | | ForEach(groups) { group in |
|---|
| | | VStack(alignment: .leading, spacing: 6) { |
|---|
| | | // Group header |
|---|
| | |
|---|
| | | .padding(.horizontal, 10) |
|---|
| | | Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1) |
|---|
| | | } |
|---|
| | | // App grid |
|---|
| | | // App grid — adaptive inside the container |
|---|
| | | let itemSize = iconSize + 28 |
|---|
| | | LazyVGrid( |
|---|
| | | columns: [GridItem(.adaptive(minimum: itemSize, maximum: itemSize + 36), spacing: 6)], |
|---|
| | |
|---|
| | | .padding(20) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // MARK: - Edit Tags View |
|---|
| | | |
|---|
