From 7b13ed98fdd1040bdb8902efc0dcf2bdea6752db Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Sat, 13 Jul 2024 01:35:38 +0700
Subject: [PATCH] overflow fixes and placeholder

---
 .../common/DropdownOptions/DropdownOptions.tsx     | 14 ++++++++++----
 .../src/v2/view/pages/style-video/StyleVideo.tsx   |  3 +++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/DropdownOptions/DropdownOptions.tsx b/packages/fakeyou.com/src/components/common/DropdownOptions/DropdownOptions.tsx
index d7af167741..2b1b638813 100644
--- a/packages/fakeyou.com/src/components/common/DropdownOptions/DropdownOptions.tsx
+++ b/packages/fakeyou.com/src/components/common/DropdownOptions/DropdownOptions.tsx
@@ -33,9 +33,15 @@ export const DropdownOptions: React.FC<DropdownOptionsProps> = ({
   });
 
   return (
-    <>
-      <animated.div style={{ ...animationProps, overflow: "hidden" }}>
-        <div ref={ref} className="pb-3">
+    <div>
+      <animated.div
+        style={{
+          ...animationProps,
+          overflowX: "visible",
+          overflowY: isOpen ? "visible" : "hidden",
+        }}
+      >
+        <div ref={ref} className="d-flex flex-column pb-3">
           {children}
         </div>
       </animated.div>
@@ -46,7 +52,7 @@ export const DropdownOptions: React.FC<DropdownOptionsProps> = ({
         icon={isOpen ? faChevronUp : faChevronDown}
         className="fs-7"
       />
-    </>
+    </div>
   );
 };
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx b/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx
index 284202df5e..46e03c47bd 100644
--- a/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx
@@ -225,6 +225,7 @@ export default function StyleVideo() {
                     <TextArea
                       {...{
                         label: "Positive prompt",
+                        placeholder: "Describe your video here...",
                         rows: 2,
                         onChange: ({ target }: { target: any }) => {
                           promptSet(target.value);
@@ -239,6 +240,8 @@ export default function StyleVideo() {
                       <TextArea
                         {...{
                           label: "Negative prompt",
+                          placeholder:
+                            "Type what you don't want in your video...",
                           rows: 1,
                           onChange: ({ target }: { target: any }) => {
                             negativePromptSet(target.value);