tyiu/EmojiPicker
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

Reduce margins and make unselected emoji background to be clear

Browse Source
This commit is contained in:
Terry Yiu
2024-06-08 12:04:52 -04:00
parent 9063d4f72b
commit c429880038
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Sources/EmojiPicker/EmojiPickerView.swift
View File

@@ -30,7 +30,7 @@ public struct EmojiPickerView: View {
} }
let columns = [ let columns = [
GridItem(.adaptive(minimum: 80)) GridItem(.adaptive(minimum: 36))
] ]
let emojis: [Emoji] let emojis: [Emoji]
@@ -46,11 +46,11 @@ public struct EmojiPickerView: View {
public var body: some View { public var body: some View {
ScrollView { ScrollView {
LazyVGrid(columns: columns, spacing: 20) { LazyVGrid(columns: columns) {
ForEach(searchResults, id: \.self) { emoji in ForEach(searchResults, id: \.self) { emoji in
RoundedRectangle(cornerRadius: 16) RoundedRectangle(cornerRadius: 16)
.fill((selectedEmoji == emoji ? selectedColor : Color.gray).opacity(0.4)) .fill((selectedEmoji == emoji ? selectedColor : Color.clear).opacity(0.4))
.frame(width: 64, height: 64) .frame(width: 36, height: 36)
.overlay { .overlay {
Text(emoji.value) Text(emoji.value)
.font(.largeTitle) .font(.largeTitle)