LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 08:33:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: handling applied styles based on colorVariant in a neater manner

Browse Source
This commit is contained in:
utin-francis-peter
2024-07-07 08:33:02 +01:00
parent d554444b0e
commit abf5b89c28
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Input.tsx
View File

@@ -15,14 +15,15 @@ const Input = ({
onPaste,
onKeyDown,
}: InputProps) => {
const colorStyles = {
silver: 'border-silver dark:border-silver/40',
jet: 'border-jet',
gray: 'border-gray-5000 dark:text-silver',
};
return (
<input
className={`h-[42px] w-full rounded-full border-2 px-3 outline-none dark:bg-transparent dark:text-white ${className} ${
colorVariant === 'silver' ? 'border-silver dark:border-silver/40' : ''
} ${colorVariant === 'jet' ? 'border-jet' : ''} ${
colorVariant === 'gray' ? 'border-gray-5000 dark:text-silver' : ''
}
}`}
className={`h-[42px] w-full rounded-full border-2 px-3 outline-none dark:bg-transparent dark:text-white ${className} ${colorStyles[colorVariant]}`}
type={type}
id={id}
name={name}