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

fix[FlowPage/components/extraSideBarComponent/index.tsx]: extra side bar component button hover background

Browse source
This commit is contained in:
Igor Carvalho 2023-06-23 19:08:08 -03:00
commit fa5b80399d
2 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/index.css
View file

@ -144,10 +144,10 @@
--success-background: #f0fdf4; /* tailwind green 50 USED IN SUCCESS MSG light-green*/ --success-background: #f0fdf4; /* tailwind green 50 USED IN SUCCESS MSG light-green*/
--success-foreground: #14532d; /* tailwind green 900 USED IN SUCCESS MSG dark-green */ --success-foreground: #14532d; /* tailwind green 900 USED IN SUCCESS MSG dark-green */
--high-indigo: #4338ca; /*tailwind indigo 700*/
/* --high-indigo: #4338ca; tailwind indigo 700 --medium-indigo: #6366f1; /* tailwind indigo 500 */
--medium-indigo: #6366f1; tailwind indigo 500 --medium-dark-blue:#1d4ed8; /* tailwind blue 700 Change in component (--ring)*/
--medium-dark-blue:#1d4ed8; tailwind blue 700 Change in component (--ring) /*
--medium-high-indigo: #4f46e5; tailwind indigo 600 --medium-high-indigo: #4f46e5; tailwind indigo 600
--medium-emerald: #10b981; tailwind emerald 500 Unused --medium-emerald: #10b981; tailwind emerald 500 Unused
--medium-dark-green: #166534; tailwind green 800 Unused --medium-dark-green: #166534; tailwind green 800 Unused

8
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -66,7 +66,7 @@ export default function ExtraSidebar() {
<div className="mt-2 mb-2 w-full flex gap-2 justify-between px-2 items-center"> <div className="mt-2 mb-2 w-full flex gap-2 justify-between px-2 items-center">
<ShadTooltip delayDuration={1000} content="Import" side="top"> <ShadTooltip delayDuration={1000} content="Import" side="top">
<button <button
className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center rounded-md bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-high-input" className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center rounded-md bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-muted"
onClick={() => { onClick={() => {
// openPopUp(<ImportModal />); // openPopUp(<ImportModal />);
uploadFlow(); uploadFlow();
@ -79,7 +79,7 @@ export default function ExtraSidebar() {
<ShadTooltip delayDuration={1000} content="Export" side="top"> <ShadTooltip delayDuration={1000} content="Export" side="top">
<button <button
className={classNames( className={classNames(
"hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-high-input rounded-md" "hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-muted rounded-md"
)} )}
onClick={(event) => { onClick={(event) => {
openPopUp(<ExportModal />); openPopUp(<ExportModal />);
@ -91,7 +91,7 @@ export default function ExtraSidebar() {
<ShadTooltip delayDuration={1000} content="Code" side="top"> <ShadTooltip delayDuration={1000} content="Code" side="top">
<button <button
className={classNames( className={classNames(
"hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-high-input rounded-md" "hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center shadow-sm transition-all duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-muted rounded-md"
)} )}
onClick={(event) => { onClick={(event) => {
openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />); openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />);
@ -103,7 +103,7 @@ export default function ExtraSidebar() {
<ShadTooltip delayDuration={1000} content="Save" side="top"> <ShadTooltip delayDuration={1000} content="Save" side="top">
<button <button
className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center transition-all shadow-sm duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-gray-50 rounded-md" className="hover:dark:hover:bg-btn-hover-bg text-foreground w-full justify-center transition-all shadow-sm duration-500 ease-in-out dark:bg-foreground dark:text-medium-low-gray relative inline-flex items-center bg-background px-2 py-2 ring-1 ring-inset ring-input hover:bg-muted rounded-md"
onClick={(event) => { onClick={(event) => {
saveFlow(flows.find((f) => f.id === tabId)); saveFlow(flows.find((f) => f.id === tabId));
setSuccessData({ title: "Changes saved successfully" }); setSuccessData({ title: "Changes saved successfully" });