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

hover colors fixed

Browse source
This commit is contained in:
Lucas Oliveira 2023-02-22 23:48:23 -03:00
commit 06a17c5eb9
3 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

4
space_flow/src/pages/FlowPage/flowManager/index.tsx
View file

@ -1,10 +1,8 @@
import { useContext, useEffect, useState } from "react"; import { useContext, useEffect } from "react";
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
import { ReactFlowProvider } from "reactflow"; import { ReactFlowProvider } from "reactflow";
import FlowPage from ".."; import FlowPage from "..";
import { TabsContext } from "../../../contexts/tabsContext"; import { TabsContext } from "../../../contexts/tabsContext";
import TabComponent from "./tabComponent"; import TabComponent from "./tabComponent";
import { PlusIcon } from "@heroicons/react/24/outline";
var _ = require("lodash"); var _ = require("lodash");
export function TabsManager() { export function TabsManager() {

14
space_flow/src/pages/FlowPage/flowManager/tabComponent/index.tsx
View file

@ -13,7 +13,7 @@ export default function TabComponent({ selected, flow, onClick }) {
{flow ? ( {flow ? (
!selected ? ( !selected ? (
<div <div
className="flex justify-between select-none truncate w-44 items-center px-4 my-2 mt-3 border-x border-t border-t-transparent border-gray-300 -ml-px" className="flex justify-between select-none truncate w-44 items-center px-4 my-1.5 border-x border-t border-t-transparent border-gray-300 -ml-px"
onClick={onClick} onClick={onClick}
> >
{flow.name} {flow.name}
@ -23,11 +23,11 @@ export default function TabComponent({ selected, flow, onClick }) {
removeFlow(flow.id); removeFlow(flow.id);
}} }}
> >
<XMarkIcon className="h-4" /> <XMarkIcon className="h-4 hover:bg-white rounded-full" />
</button> </button>
</div> </div>
) : ( ) : (
<div className="bg-white flex select-none justify-between w-44 items-center pt-3 border border-b-0 border-gray-300 px-4 py-2 rounded-t-xl -ml-px"> <div className="bg-white flex select-none justify-between w-44 items-center border border-b-0 border-gray-300 px-4 py-1.5 rounded-t-xl -ml-px">
{isRename ? ( {isRename ? (
<input <input
autoFocus autoFocus
@ -61,17 +61,17 @@ export default function TabComponent({ selected, flow, onClick }) {
removeFlow(flow.id); removeFlow(flow.id);
}} }}
> >
<XMarkIcon className="h-4" /> <XMarkIcon className="h-4 hover:bg-gray-100 rounded-full" />
</button> </button>
</div> </div>
) )
) : ( ) : (
<div className="h-full py-2 pt-3 flex justify-center items-center"> <div className="h-full py-1.5 flex justify-center items-center">
<button <button
className="px-3 flex items-center h-full mb-1 border-gray-300 -ml-px border-t border-t-transparent" className="px-3 flex items-center h-full pb-0.5 pt-0.5 border-gray-300 -ml-px border-t border-t-transparent"
onClick={onClick} onClick={onClick}
> >
<PlusIcon className="h-5" /> <PlusIcon className="h-5 rounded-full hover:bg-white" />
</button> </button>
</div> </div>
)} )}

2
space_flow/src/pages/FlowPage/index.tsx
View file

@ -51,7 +51,7 @@ export default function FlowPage({flow}) {
if(flow?.data && reactFlowInstance){ if(flow?.data && reactFlowInstance){
setViewport(flow.data.viewport) setViewport(flow.data.viewport)
} }
},[nodes,edges,flow,]) },[nodes, edges, flow, reactFlowInstance, setViewport])
useEffect(()=>{ useEffect(()=>{
if(reactFlowInstance && flow){ if(reactFlowInstance && flow){