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 />);
}}
>
<Settings2 className="w-4 h-4 mr-2" />
<Settings2 className="w-4 h-4 mr-2 dark:text-gray-300" />
Settings
</DropdownMenuItem>
<DropdownMenuItem
@ -79,7 +79,7 @@ export const MenuBar = ({ flows, tabId }) => {
undo();
}}
>
<Undo className="w-4 h-4 mr-2" />
<Undo className="w-4 h-4 mr-2 dark:text-gray-300" />
Undo
</DropdownMenuItem>
<DropdownMenuItem
@ -87,7 +87,7 @@ export const MenuBar = ({ flows, tabId }) => {
redo();
}}
>
<Redo className="w-4 h-4 mr-2" />
<Redo className="w-4 h-4 mr-2 dark:text-gray-300" />
Redo
</DropdownMenuItem>
<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>
</ShadTooltip>
@ -77,7 +77,7 @@ const NodeToolbarComponent = (props) => {
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>
</ShadTooltip>
)}