jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

dark mode dropdown

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-06-12 19:12:24 -03:00
commit 7dfffd33e7
1 changed files with 3 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/frontend/src/components/dropdownComponent/index.tsx
View file

@ -31,18 +31,10 @@ export default function Dropdown({
className={ className={
editNode editNode
? "relative pr-9 arrow-hide placeholder:text-center border-0 block w-full pt-0.5 pb-0.5 form-input dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 rounded-md border-gray-300 shadow-sm sm:text-sm focus:outline-none focus:ring-1 focus:ring-inset focus:ring-gray-200" ? "relative pr-9 arrow-hide placeholder:text-center border-0 block w-full pt-0.5 pb-0.5 form-input dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 rounded-md border-gray-300 shadow-sm sm:text-sm focus:outline-none focus:ring-1 focus:ring-inset focus:ring-gray-200"
: "relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm" : "relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 rounded-md"
} }
> >
<span <span className="block truncate w-full">{internalValue}</span>
className={
editNode
? "block truncate w-full dark:text-white"
: "block truncate w-full dark:text-black"
}
>
{internalValue}
</span>
<span <span
className={ className={
editNode editNode
@ -80,7 +72,7 @@ export default function Dropdown({
? "text-white bg-indigo-600 dark:bg-indigo-500 dark:text-black" ? "text-white bg-indigo-600 dark:bg-indigo-500 dark:text-black"
: "text-gray-900", : "text-gray-900",
active && editNode active && editNode
? "text-white bg-gray-400 dark:bg-gray-500 dark:text-black" ? "text-white bg-gray-400 dark:bg-gray-500 dark:text-gray-500"
: "", : "",
editNode editNode
? "relative cursor-default select-none py-0.5 pl-3 pr-12 dark:text-gray-300 dark:bg-gray-800" ? "relative cursor-default select-none py-0.5 pl-3 pr-12 dark:text-gray-300 dark:bg-gray-800"