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

- 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

View File

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