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