Fix Demo

ealush · Jan 26, 2024 · c18323a · c18323a
1 parent ed646f4
commit c18323a
Showing 1 changed file with 20 additions and 11 deletions.
diff --git a/src/components/PickerDemo.tsx b/src/components/PickerDemo.tsx
@@ -29,19 +29,28 @@ export default function PickerDemo() {
       <div
         className={styles.PickerDemo}
         style={{
-          height: `${pickerProps.height}px`,
+          minHeight: `${pickerProps.height}px`,
         }}
       >
-        <Picker
-          onEmojiClick={(emoji) =>
-            setTextareaValue(
-              (tv) => tv + (emoji?.isCustom ? `:${emoji.emoji}:` : emoji.emoji)
-            )
-          }
-          key={now}
-          autoFocusSearch={false}
-          {...pickerProps}
-        />
+        <div
+          style={{
+            minWidth: `${pickerProps.width}px`,
+            display: "flex",
+            justifyContent: "center",
+          }}
+        >
+          <Picker
+            onEmojiClick={(emoji) =>
+              setTextareaValue(
+                (tv) =>
+                  tv + (emoji?.isCustom ? `:${emoji.emoji}:` : emoji.emoji)
+              )
+            }
+            key={now}
+            autoFocusSearch={false}
+            {...pickerProps}
+          />
+        </div>
         <PickerControls
           pickerProps={pickerProps}
           updateState={updateState}