From 993fbb30eb26b831daf690c784f42245d2a58fe0 Mon Sep 17 00:00:00 2001 From: Dmytro Kondakov Date: Sun, 23 Feb 2025 22:16:41 +0100 Subject: [PATCH] build very basic ui --- frontend/bun.lockb | Bin 112648 -> 113120 bytes frontend/package.json | 3 +- frontend/src-tauri/src/lib.rs | 10 +-- frontend/src/App.tsx | 120 +++++++++++++++++++--------------- frontend/src/index.css | 2 +- frontend/tailwind.config.js | 5 +- 6 files changed, 81 insertions(+), 59 deletions(-) diff --git a/frontend/bun.lockb b/frontend/bun.lockb index 208bfdf18415c8fbd5c55c6981bac2b786b1c22a..d69237e6558f6fc863a4140e02ac7cf98527f3c3 100755 GIT binary patch delta 19713 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 - setOptions(queryEmojiData(query))} - onChange={(result) => setEmoji(result)} - optionValue="name" - optionLabel="name" - placeholder="Search an emoji…" - itemComponent={(props) => ( - - - {props.item.rawValue.emoji} - - - )} - > - +
+ setOptions(queryEmojiData(query))} + onChange={(result) => setEmoji(result)} + optionValue="name" + optionLabel="name" + placeholder="Search for stuff..." + itemComponent={(props) => ( + + + {props.item.rawValue.emoji} + + + )} > - + + + + } + > - + - } - > - - - - - - - - e.preventDefault()} - > - - - 😬 No emoji found - - - - -
+ + + + + e.preventDefault()} + > + + + 😬 No emoji found + + + + +
+ {/*
Emoji selected: {emoji()?.emoji} {emoji()?.name} +
*/} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ footer
); diff --git a/frontend/src/index.css b/frontend/src/index.css index 622aff8..71bc21a 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -10,7 +10,7 @@ } :root { - @apply bg-neutral-50 text-black rounded-xl; + @apply bg-neutral-100 text-black rounded-xl; font-family: Manrope, sans-serif; font-size: 16px; line-height: 24px; diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index c6e0218..97f179f 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -8,5 +8,8 @@ export default { }, }, }, - plugins: [require("@kobalte/tailwindcss")], + plugins: [ + require("@kobalte/tailwindcss"), + require("tailwind-scrollbar-hide"), + ], };