Skip to content

Fix navbar auth button text wrapping on smaller screens#3878

Open
h1a2r3s4h wants to merge 1 commit intodubinc:mainfrom
h1a2r3s4h:fix-navbar-auth-buttons
Open

Fix navbar auth button text wrapping on smaller screens#3878
h1a2r3s4h wants to merge 1 commit intodubinc:mainfrom
h1a2r3s4h:fix-navbar-auth-buttons

Conversation

@h1a2r3s4h
Copy link
Copy Markdown

@h1a2r3s4h h1a2r3s4h commented May 9, 2026

Summary

Fixes navbar auth buttons wrapping into multiple lines on smaller screen widths.

Changes

  • Added whitespace-nowrap to Log in button
  • Added whitespace-nowrap to Sign up button

This keeps the button text on a single line and improves navbar responsiveness.

Summary by CodeRabbit

  • Style
    • Updated navigation authentication buttons styling to prevent text wrapping, improving display consistency.

Review Change Stack

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 9, 2026

@h1a2r3s4h is attempting to deploy a commit to the Dub Team on Vercel.

A member of the Team first needs to authorize it.

@CLAassistant
Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented May 9, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: bf45d7f1-55c0-42c5-b71b-0e4cbb537438

📥 Commits

Reviewing files that changed from the base of the PR and between a5fa025 and 4b1a805.

📒 Files selected for processing (2)
  • apps/web/docker-compose.yml
  • packages/ui/src/nav/nav.tsx

📝 Walkthrough

Walkthrough

Two independent changes: Docker Compose MySQL port remapped from 3306 to 3307 on the host to avoid conflicts, and navigation component auth buttons updated with whitespace-nowrap styling to prevent text wrapping.

Changes

Docker MySQL Port Configuration

Layer / File(s) Summary
Service Port Mapping
apps/web/docker-compose.yml
MySQL service port mapping changed from 3306:3306 to 3307:3306, exposing the container on host port 3307.

Navigation Button Styling

Layer / File(s) Summary
Auth Button Styling
packages/ui/src/nav/nav.tsx
Dashboard, Log in, and Sign up buttons each updated with whitespace-nowrap class to prevent text wrapping on the auth links.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 A port so neat, now 3307 they meet,
And buttons that won't break apart,
With nowrap so clean, the nav looks pristine—
Small tweaks that improve the art!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: adding whitespace-nowrap to auth buttons in the navbar to prevent text wrapping on smaller screens.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


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.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@h1a2r3s4h
Copy link
Copy Markdown
Author

Hi! This PR fixes the navbar auth button labels wrapping into multiple lines on smaller widths by adding whitespace-nowrap to the buttons.

Thanks for reviewing!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants