fix(web): center logo in sidebar header#2693
Conversation
Add `justify-center` to the logo link so the T3 wordmark and "Code" label are horizontally centered within the full-width flex-1 link, regardless of sidebar width. Co-Authored-By: Claude Sonnet 4.6 <[email protected]>
|
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Tip 💬 Introducing Slack Agent: The best way for teams to turn conversations into code.Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.
Built for teams:
One agent for your entire SDLC. Right inside Slack. 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 |
ApprovabilityVerdict: Approved This is a CSS-only change adding You can customize Macroscope's approvability policy. Learn more. |
What Changed
Added
justify-centerto the logo link inSidebarChromeHeader.One class. One line changed.
Why
I use T3 Code daily and the logo being left-aligned in the sidebar header has been bugging me for a while. It looks off — especially
when you resize the sidebar and the wordmark just sits there hugging the left edge instead of sitting naturally in the center like
every other app does.
The logo link already has
flex-1on it, meaning it spans the full width of the header. The fix is literally just addingjustify-centerso the T3 wordmark and "Code" label are centered within that space. No layout changes, no new elements, no sideeffects — the sibling
SidebarTriggeris outside the link and unaffected.UI Changes
Before
After
Checklist
Note
Cursor Bugbot is generating a summary for commit 5810571. Configure here.