style(codeAreaComponent && promptAreaComponent): Change disabled inputs border and placeholder color

This commit is contained in:
Igor Carvalho 2023-07-10 20:35:15 -03:00
commit 657c64b5b9
3 changed files with 4 additions and 4 deletions

View file

@ -48,7 +48,7 @@ export default function CodeAreaComponent({
className={ className={
editNode editNode
? "input-edit-node input-dialog" ? "input-edit-node input-dialog"
: (disabled ? " input-disable " : "") + : (disabled ? " input-disable input-ring " : "") +
" input-primary text-muted-foreground " " input-primary text-muted-foreground "
} }
> >

View file

@ -69,8 +69,8 @@ export default function PromptAreaComponent({
className={ className={
editNode editNode
? "input-edit-node input-dialog" ? "input-edit-node input-dialog"
: (disabled ? " input-disable " : "") + : (disabled ? " input-disable text-ring " : "") +
" input-primary text-muted-foreground" " input-primary text-muted-foreground "
} }
> >
{myValue !== "" ? myValue : "Type your prompt here"} {myValue !== "" ? myValue : "Type your prompt here"}

View file

@ -216,7 +216,7 @@ The cursor: default; property value restores the browser's default cursor style
@apply input-primary pr-7 mx-2 @apply input-primary pr-7 mx-2
} }
.input-disable{ .input-disable{
@apply bg-input text-muted-foreground @apply bg-border placeholder:text-ring border-transparent
} }
.input-dialog{ .input-dialog{
@apply text-ring cursor-pointer bg-transparent @apply text-ring cursor-pointer bg-transparent