fix(ui): tighten Cozystack logo and balance header size#29
Conversation
The logo SVG used viewBox "0 0 1352 453" while the actual artwork only spans roughly x 108..1245, y 113..339, leaving large empty margins (most visibly top and bottom). Rendered at a fixed height (h-11) this made the logo look small. Crop the viewBox to the artwork bounding box (with a couple of units of breathing room) so it fills its box. Co-Authored-By: Claude <noreply@anthropic.com> Signed-off-by: Andrei Kvapil <andrei.kvapil@aenix.io>
With the tightened logo viewBox, h-11 rendered the logo too large in the header; h-9 restores a balanced size. Co-Authored-By: Claude <noreply@anthropic.com> Signed-off-by: Andrei Kvapil <andrei.kvapil@aenix.io>
|
Warning Review limit reached
More reviews will be available in 44 minutes and 38 seconds. Learn how PR review limits work. Your organization has run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (1)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
github-actions
Bot
added
size/XS
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request updates the logo.svg asset by adjusting its viewBox attribute to crop empty space, and correspondingly reduces the height of the <Logo> component in Header.tsx from h-11 to h-9 to maintain proper alignment. No review comments were provided, and there is no additional feedback to address.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
Aleksei Sviridkin (lexfrei)
left a comment
Aleksei Sviridkin (lexfrei)
left a comment
There was a problem hiding this comment.
Tightens the default Cozystack logo by cropping the SVG viewBox to the wordmark bounds (verified geometrically — the glyph occupies x:[108,1245] y:[113,339], and the new viewBox wraps it with a ~2px margin on every side, nothing clipped) and balances the header by dropping the height class from h-11 to h-9. Path data is byte-identical; only the viewBox attribute changes. Scope is limited to the bundled fallback logo — custom-branded clusters supply their own SVG and are unaffected. LGTM.
2 participants
What
The header logo SVG used
viewBox="0 0 1352 453"while the actual artwork only spans roughlyx 108..1245,y 113..339, leaving large empty margins (most visibly top and bottom). Rendered at a fixed height this made the logo look small.viewBoxto the artwork bounding box (with a couple of units of breathing room) so the logo fills its box.h-11toh-9to keep a balanced size after the crop.Why
The logo appeared undersized in the header due to the SVG's internal vertical padding.