Changed class name to not interfere with default tailwind class

This commit is contained in:
Lucas Oliveira 2023-07-26 08:10:22 -03:00
commit 8d1fda5760
5 changed files with 10 additions and 10 deletions

View file

@ -43,7 +43,7 @@ export default function CodeAreaComponent({
editNode editNode
? "input-edit-node input-dialog" ? "input-edit-node input-dialog"
: (disabled ? " input-disable input-ring " : "") + : (disabled ? " input-disable input-ring " : "") +
" input-primary text-muted-foreground " " primary-input text-muted-foreground "
} }
> >
{myValue !== "" ? myValue : "Type something..."} {myValue !== "" ? myValue : "Type something..."}

View file

@ -102,8 +102,8 @@ export default function InputFileComponent({
editNode editNode
? "input-edit-node input-dialog text-muted-foreground" ? "input-edit-node input-dialog text-muted-foreground"
: disabled : disabled
? "input-disable input-dialog input-primary" ? "input-disable input-dialog primary-input"
: "input-dialog input-primary text-muted-foreground" : "input-dialog primary-input text-muted-foreground"
} }
> >
{myValue !== "" ? myValue : "No file"} {myValue !== "" ? myValue : "No file"}

View file

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

View file

@ -9,7 +9,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
return ( return (
<input <input
type={type} type={type}
className={cn("nopan nodrag noundo nocopy input-primary", className)} className={cn("nopan nodrag noundo nocopy primary-input", className)}
ref={ref} ref={ref}
{...props} {...props}
/> />

View file

@ -87,20 +87,20 @@
.button-div-style { .button-div-style {
@apply gap-2 flex @apply gap-2 flex
} }
.input-primary{ .primary-input{
@apply disabled:cursor-not-allowed disabled:opacity-50 focus:placeholder-transparent focus:ring-ring focus:border-ring bg-background block text-left border-border form-input px-3 placeholder:text-muted-foreground rounded-md shadow-sm sm:text-sm w-full truncate @apply disabled:cursor-not-allowed disabled:opacity-50 focus:placeholder-transparent focus:ring-ring focus:border-ring bg-background block text-left border-border form-input px-3 placeholder:text-muted-foreground rounded-md shadow-sm sm:text-sm w-full truncate
} }
/* The same as input-primary but no-truncate */ /* The same as primary-input but no-truncate */
.textarea-primary{ .textarea-primary{
@apply disabled:cursor-not-allowed disabled:opacity-50 focus:placeholder-transparent focus:ring-ring focus:border-ring bg-background block text-left border-border form-input px-3 placeholder:text-muted-foreground rounded-md shadow-sm sm:text-sm w-full @apply disabled:cursor-not-allowed disabled:opacity-50 focus:placeholder-transparent focus:ring-ring focus:border-ring bg-background block text-left border-border form-input px-3 placeholder:text-muted-foreground rounded-md shadow-sm sm:text-sm w-full
} }
.input-edit-node{ .input-edit-node{
@apply input-primary pt-0.5 pb-0.5 text-left w-full @apply primary-input pt-0.5 pb-0.5 text-left w-full
} }
.input-search{ .input-search{
@apply input-primary pr-7 mx-2 @apply primary-input pr-7 mx-2
} }
.input-disable{ .input-disable{
@apply bg-border placeholder:text-ring border-transparent @apply bg-border placeholder:text-ring border-transparent
@ -385,7 +385,7 @@
@apply input-edit-node relative pr-8 @apply input-edit-node relative pr-8
} }
.dropdown-component-false-outline { .dropdown-component-false-outline {
@apply input-primary py-2 pl-3 pr-10 text-left @apply primary-input py-2 pl-3 pr-10 text-left
} }
.dropdown-component-display { .dropdown-component-display {
@apply block w-full truncate bg-background @apply block w-full truncate bg-background