egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve sidebar logo clipping with flex-based layout (refs #187)
All checks were successful
Deploy to Staging / Build Images (pull_request) Successful in 4m41s
Details
Deploy to Staging / Deploy to Staging (pull_request) Successful in 52s
Details
Deploy to Staging / Verify Staging (pull_request) Successful in 9s
Details
Deploy to Staging / Notify Staging Ready (pull_request) Successful in 7s
Details
Deploy to Staging / Notify Staging Failure (pull_request) Has been skipped
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Eric Gullickson
2026-02-14 21:45:03 -06:00
parent c816dd39ab
commit 19cd917c66
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Layout.tsx
View File

@@ -142,17 +142,19 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
backgroundColor: 'transparent', backgroundColor: 'transparent',
}), }),
borderRadius: 0.5, borderRadius: 0.5,
px: 1, px: 0.5,
py: 0.5, py: 0.5,
display: 'inline-flex', display: 'inline-flex',
alignItems: 'center', alignItems: 'center',
overflow: 'hidden', overflow: 'hidden',
flex: 1,
minWidth: 0,
})} })}
> >
<img <img
src="/images/logos/motovaultpro-title-slogan.png" src="/images/logos/motovaultpro-title-slogan.png"
alt="MotoVaultPro" alt="MotoVaultPro"
style={{ height: 24, width: 'auto', maxWidth: 180 }} style={{ height: 24, width: 'auto', maxWidth: '100%' }}
/> />
</Box> </Box>
)} )}