farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Update DashboardNavigation to include a vertical divider between logos
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
Details

Browse Source 
- Added a vertical Divider component between the FarmControlLogoSmall and the next logo for improved visual separation.
- Adjusted the right margin of the FarmControlLogoSmall to enhance layout consistency.
This commit is contained in:
Tom Butcher 2026-08-02 19:31:53 +01:00
parent 6dad9c820c
commit 813b43595b
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Dashboard/common/DashboardNavigation.jsx
View File

@ -151,14 +151,20 @@ const DashboardNavigation = () => {
<Flex style={{ width: '100%' }} align='center'> <Flex style={{ width: '100%' }} align='center'>
{isMacOSApp ? <DashboardWindowButtons /> : null} {isMacOSApp ? <DashboardWindowButtons /> : null}
{showAppLogo == true && ( {showAppLogo == true && (
<FarmControlLogoSmall <>
style={{ <FarmControlLogoSmall
fontSize: '46px', style={{
height: '16px', fontSize: '46px',
marginLeft: '13px', height: '16px',
marginRight: '0px' marginLeft: '13px',
}} marginRight: '18px'
/> }}
/>
<Divider
type='vertical'
style={{ height: '14px', margin: '3px 3px 0 0' }}
/>
</>
)} )}
{showDesktopLogo == true ? ( {showDesktopLogo == true ? (
<FarmControlLogo <FarmControlLogo