mirrors/IceCubesApp
1
0
Fork 0
mirror of https://github.com/Dimillian/IceCubesApp.git synced 2024-05-18 04:22:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix scrolling issue on emoji picker (#2032)

Browse source 
* Fix scrolling issue in emoji picker

* Fix design on emoji section header
This commit is contained in:
Euigyom Kim 2024-04-22 23:38:31 +09:00 committed by GitHub
parent c0b855ea55
commit 6a7df1065d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
Packages/StatusKit/Sources/StatusKit/Editor/Components/CustomEmojisView.swift
View file

@ -8,16 +8,16 @@ extension StatusEditor {
@MainActor @MainActor
struct CustomEmojisView: View { struct CustomEmojisView: View {
@Environment(\.dismiss) private var dismiss @Environment(\.dismiss) private var dismiss
@Environment(Theme.self) private var theme @Environment(Theme.self) private var theme
var viewModel: ViewModel var viewModel: ViewModel
var body: some View { var body: some View {
NavigationStack { NavigationStack {
ScrollView { ScrollView {
ForEach(viewModel.customEmojiContainer) { container in LazyVGrid(columns: [GridItem(.adaptive(minimum: 40, maximum: 40))], spacing: 9) {
LazyVGrid(columns: [GridItem(.adaptive(minimum: 40, maximum: 40))], spacing: 9) { ForEach(viewModel.customEmojiContainer) { container in
Section { Section {
ForEach(container.emojis) { emoji in ForEach(container.emojis) { emoji in
LazyImage(url: emoji.url) { state in LazyImage(url: emoji.url) { state in
@ -39,15 +39,16 @@ extension StatusEditor {
viewModel.insertStatusText(text: " :\(emoji.shortcode): ") viewModel.insertStatusText(text: " :\(emoji.shortcode): ")
} }
} }
.padding(.horizontal, 16)
} header: { } header: {
HStack { Text(container.categoryName)
Text(container.categoryName) .font(.scaledHeadline)
.font(.scaledFootnote) .bold()
Spacer() .foregroundStyle(Color.secondary)
} .frame(maxWidth: .infinity, alignment: .leading)
.padding(.horizontal, 16)
} }
} }
.padding(.horizontal, 8)
} }
} }
.toolbar { .toolbar {