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

🎨 style(menuBar, nodeToolbarComponent): add margin to the right of the icon to improve spacing

Browse source 
The changes add a margin to the right of the icon in the menu bar and node toolbar components. This improves the spacing between the icon and the text. The dark:text-gray-300 class is added to ensure that the icon is visible in both light and dark mode.
This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-06-14 17:02:54 -03:00
commit f18b42ef44
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/components/headerComponent/components/menuBar/index.tsx
View file

@ -71,7 +71,7 @@ export const MenuBar = ({ flows, tabId }) => {
openPopUp(<FlowSettingsModal />); openPopUp(<FlowSettingsModal />);
}} }}
> >
<Settings2 className="w-4 h-4 mr-2" /> <Settings2 className="w-4 h-4 mr-2 dark:text-gray-300" />
Settings Settings
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
@ -79,7 +79,7 @@ export const MenuBar = ({ flows, tabId }) => {
undo(); undo();
}} }}
> >
<Undo className="w-4 h-4 mr-2" /> <Undo className="w-4 h-4 mr-2 dark:text-gray-300" />
Undo Undo
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
@ -87,7 +87,7 @@ export const MenuBar = ({ flows, tabId }) => {
redo(); redo();
}} }}
> >
<Redo className="w-4 h-4 mr-2" /> <Redo className="w-4 h-4 mr-2 dark:text-gray-300" />
Redo Redo
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuSeparator /> <DropdownMenuSeparator />

4
src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
View file

@ -64,7 +64,7 @@ const NodeToolbarComponent = (props) => {
); );
}} }}
> >
<Copy className="w-5 h-5 dark:text-gray-300"></Copy> <Copy className="w-5 h-5 mr-2 dark:text-gray-300"></Copy>
</button> </button>
</ShadTooltip> </ShadTooltip>
@ -77,7 +77,7 @@ const NodeToolbarComponent = (props) => {
props.openPopUp(<EditNodeModal data={props.data} />); props.openPopUp(<EditNodeModal data={props.data} />);
}} }}
> >
<Settings2 className="w-5 h-5 dark:text-gray-300"></Settings2> <Settings2 className="w-4 h-4 dark:text-gray-300"></Settings2>
</button> </button>
</ShadTooltip> </ShadTooltip>
)} )}