Update src/app/interface/top-menu/index.tsx

src/app/interface/top-menu/index.tsx

@@ -91,7 +91,7 @@ export function TopMenu() {
       `backdrop-blur-xl`,
       `transition-all duration-200 ease-in-out`,
       `px-2 py-2 border-b-1 border-gray-50 dark:border-gray-50`,
-      `bg-stone-900/70 dark:bg-stone-900/70 text-gray-50 dark:text-gray-50`,
+      `bg-green-900/70 dark:bg-green-900/70 text-gray-50 dark:text-gray-50`,
       `space-y-2 md:space-y-0 md:space-x-3 lg:space-x-6`
     )}>
       <div className="flex flex-row space-x-2 md:space-x-3 w-full md:w-auto">
@@ -100,7 +100,9 @@ export function TopMenu() {
           `flex flex-row items-center justify-start space-x-3 font-mono`,
           `flex-grow`
           )}>
+
           {/* <Label className="flex text-2xs md:text-sm md:w-24">Style:</Label> */}
+
           <Select
             defaultValue={defaultPreset}
             onValueChange={(value) => { setDraftPreset(value as PresetName) }}
@@ -121,7 +123,9 @@ export function TopMenu() {
           `flex flex-row items-center justify-start space-x-3 font-mono`,
           `w-40`
           )}>
+
           {/* <Label className="flex text-2xs md:text-sm md:w-24">Style:</Label> */}
+
           <Select
             defaultValue={defaultLayout}
             onValueChange={(value) => { setDraftLayout(value as LayoutName) }}
@@ -160,7 +164,7 @@ export function TopMenu() {
         />
         <Label>
           <span className="hidden md:inline">Legenda</span>
-          <span className="inline md:hidden">Cap.</span>
+          <span className="inline md:hidden">Legenda</span>
         </Label>
         </div>
         {/*
@@ -198,8 +202,8 @@ export function TopMenu() {
         <div className="flex flex-row flex-grow w-full">
           <div className="flex flex-row flex-grow w-full">
             <Input
-              placeholder="1. Prompt da História"
-              className="w-1/2 bg-neutral-300 text-neutral-800 dark:bg-neutral-300 dark:text-neutral-800 rounded-r-none border-r-stone-100"
+              placeholder="1. Descreva sua história"
+              className="w-full bg-neutral-300 text-neutral-800 dark:bg-neutral-300 dark:text-neutral-800 rounded-r-none border-r-stone-100"
               // disabled={atLeastOnePanelIsBusy}
               onChange={(e) => {
                 setDraftPromptB(e.target.value)
@@ -211,8 +215,8 @@ export function TopMenu() {
               }}
               value={draftPromptB}
             />
-            <Input
-              placeholder="2. Estilo/personagem prompt"
+           {/* <Input
+              placeholder="2. Conte mais detalhes (Opcional)"
               className="w-1/2 bg-neutral-300 text-neutral-800 dark:bg-neutral-300 dark:text-neutral-800 border-l-stone-100 rounded-l-none rounded-r-none"
               // disabled={atLeastOnePanelIsBusy}
               onChange={(e) => {
@@ -224,20 +228,21 @@ export function TopMenu() {
                 }
               }}
               value={draftPromptA}
-            />
+            />*/}
           </div>
           <Button
           className={cn(
             `rounded-l-none cursor-pointer`,
+            
             `transition-all duration-200 ease-in-out`,
-            `bg-[rgb(59,134,247)] hover:bg-[rgb(69,144,255)] disabled:bg-[rgb(59,134,247)]`
+            `bg-[rgb(75,75,77)] hover:bg-[rgb(69,144,255)] disabled:bg-[rgb(59,134,247)]`
             )}
           onClick={() => {
             handleSubmit()
           }}
           disabled={!draftPrompt?.trim().length || isBusy}
         >
-          Gerar
+         CRIAR
         </Button>
         </div>
       </div>