maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

darkmode stuff

This commit is contained in:
sean-brydon 2023-03-11 13:08:26 +08:00
parent c75a29d305
commit 99174c8364
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/ui/components/form/inputs/Input.tsx
View File

@ -23,7 +23,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
{...props} {...props}
ref={ref} ref={ref}
className={classNames( className={classNames(
"hover:border-emphasis border-default bg-default placeholder:text-muted mb-2 block h-9 rounded-md border py-2 px-3 text-sm focus:border-neutral-300 focus:outline-none focus:ring-2 focus:ring-neutral-800 focus:ring-offset-1", "hover:border-emphasis border-default bg-default placeholder:text-muted text-emphasis disabled:hover:border-default mb-2 block h-9 rounded-md border py-2 px-3 text-sm focus:border-neutral-300 focus:outline-none focus:ring-2 focus:ring-neutral-800 focus:ring-offset-1 disabled:cursor-not-allowed",
isFullWidth && "w-full", isFullWidth && "w-full",
props.className props.className
)} )}
@ -71,7 +71,11 @@ const Addon = ({ isFilled, children, className, error }: AddonProps) => (
isFilled && "bg-subtle", isFilled && "bg-subtle",
className className
)}> )}>
<div className={classNames("flex h-full flex-col justify-center text-sm", error && "text-error")}> <div
className={classNames(
"flex h-full flex-col justify-center text-sm",
error ? "text-error" : "text-default"
)}>
<span className="whitespace-nowrap py-2.5">{children}</span> <span className="whitespace-nowrap py-2.5">{children}</span>
</div> </div>
</div> </div>
@ -186,7 +190,7 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
/> />
)} )}
<HintsOrErrors hintErrors={hintErrors} fieldName={name} t={t} /> <HintsOrErrors hintErrors={hintErrors} fieldName={name} t={t} />
{hint && <div className="text-gray text-default mt-2 flex items-center text-sm">{hint}</div>} {hint && <div className="text-default mt-2 flex items-center text-sm">{hint}</div>}
</div> </div>
); );
}); });