Fix scrolling issue on emoji picker (#2032)

* 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

View file

@ -8,16 +8,16 @@ extension StatusEditor {
@MainActor
struct CustomEmojisView: View {
@Environment(\.dismiss) private var dismiss
@Environment(Theme.self) private var theme
var viewModel: ViewModel
var body: some View {
NavigationStack {
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 {
ForEach(container.emojis) { emoji in
LazyImage(url: emoji.url) { state in
@ -39,15 +39,16 @@ extension StatusEditor {
viewModel.insertStatusText(text: " :\(emoji.shortcode): ")
}
}
.padding(.horizontal, 16)
} header: {
HStack {
Text(container.categoryName)
.font(.scaledFootnote)
Spacer()
}
Text(container.categoryName)
.font(.scaledHeadline)
.bold()
.foregroundStyle(Color.secondary)
.frame(maxWidth: .infinity, alignment: .leading)
.padding(.horizontal, 16)
}
}
.padding(.horizontal, 8)
}
}
.toolbar {