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

feat: Change extra side bar buttons classes to tailwind constants

Browse source
This commit is contained in:
Igor Carvalho 2023-07-04 17:45:47 -03:00
commit bfd830f1e4
2 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -143,6 +143,15 @@ The cursor: default; property value restores the browser's default cursor style
@layer components { @layer components {
.extra-side-bar-save-disable {
@apply text-muted-foreground
}
.extra-side-bar-buttons {
@apply relative inline-flex w-full items-center justify-center rounded-md bg-background px-2 py-2 text-foreground shadow-sm ring-1 ring-inset ring-input transition-all duration-500 ease-in-out
}
.extra-side-bar-buttons:hover {
@apply hover:bg-muted
}
.button-div-style { .button-div-style {
@apply gap-2 flex @apply gap-2 flex
} }
@ -164,4 +173,5 @@ The cursor: default; property value restores the browser's default cursor style
.input-dialog{ .input-dialog{
@apply text-ring cursor-pointer bg-transparent @apply text-ring cursor-pointer bg-transparent
} }
} }

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

@ -63,7 +63,7 @@ export default function ExtraSidebar() {
<div className="mb-2 mt-2 flex w-full items-center justify-between gap-2 px-2"> <div className="mb-2 mt-2 flex w-full items-center justify-between gap-2 px-2">
<ShadTooltip content="Import" side="top"> <ShadTooltip content="Import" side="top">
<button <button
className="relative inline-flex w-full items-center justify-center rounded-md bg-background px-2 py-2 text-foreground shadow-sm ring-1 ring-inset ring-input transition-all duration-500 ease-in-out hover:bg-muted" className="extra-side-bar-buttons"
onClick={() => { onClick={() => {
// openPopUp(<ImportModal />); // openPopUp(<ImportModal />);
uploadFlow(); uploadFlow();
@ -76,7 +76,7 @@ export default function ExtraSidebar() {
<ShadTooltip content="Export" side="top"> <ShadTooltip content="Export" side="top">
<button <button
className={classNames( className={classNames(
"relative inline-flex w-full items-center justify-center rounded-md bg-background px-2 py-2 text-foreground shadow-sm ring-1 ring-inset ring-input transition-all duration-500 ease-in-out hover:bg-muted" "extra-side-bar-buttons"
)} )}
onClick={(event) => { onClick={(event) => {
openPopUp(<ExportModal />); openPopUp(<ExportModal />);
@ -88,7 +88,7 @@ export default function ExtraSidebar() {
<ShadTooltip content="Code" side="top"> <ShadTooltip content="Code" side="top">
<button <button
className={classNames( className={classNames(
"relative inline-flex w-full items-center justify-center rounded-md bg-background px-2 py-2 text-foreground shadow-sm ring-1 ring-inset ring-input transition-all duration-500 ease-in-out hover:bg-muted" "extra-side-bar-buttons"
)} )}
onClick={(event) => { onClick={(event) => {
openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />); openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />);
@ -100,7 +100,7 @@ export default function ExtraSidebar() {
<ShadTooltip content="Save" side="top"> <ShadTooltip content="Save" side="top">
<button <button
className="relative inline-flex w-full items-center justify-center rounded-md bg-background px-2 py-2 text-foreground shadow-sm ring-1 ring-inset ring-input transition-all duration-500 ease-in-out hover:bg-muted" className="extra-side-bar-buttons"
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" });
@ -110,7 +110,7 @@ export default function ExtraSidebar() {
<Save <Save
strokeWidth={1.5} strokeWidth={1.5}
className={ className={
"h-5 w-5" + (isPending ? " " : " text-muted-foreground") "h-5 w-5" + (isPending ? " " : " extra-side-bar-save-disable")
} }
></Save> ></Save>
</button> </button>