Changed class name to not interfere with default tailwind class
This commit is contained in:
parent
b6592d8567
commit
8d1fda5760
5 changed files with 10 additions and 10 deletions
|
|
@ -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..."}
|
||||||
|
|
|
||||||
|
|
@ -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"}
|
||||||
|
|
|
||||||
|
|
@ -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..."}
|
||||||
|
|
|
||||||
|
|
@ -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}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue