Fix mobile onboarding workspace layout

[h1a2r3s4h]

Summary

Fixes responsive layout issues on the onboarding workspace creation screen for mobile devices.

Changes

• Updated workspace logo section layout to stack vertically on smaller screens
• Improved spacing and alignment for upload controls on mobile viewports

Result

Prevents overlapping UI elements and improves usability during onboarding on smaller screens.

Summary by CodeRabbit

• Style

  • Improved workspace creation form with responsive logo layout that adapts to all screen sizes
  • Enhanced dark mode text contrast for SDK documentation descriptions
  • Refined navigation button styling to prevent unwanted text wrapping

• Chores

  • Updated database service configuration

[vercel]

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

A member of the Team first needs to authorize it.

[CLAassistant]

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]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: a3d32e23-cb3b-4cca-a5a2-9111c8132631

📥 Commits

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

📒 Files selected for processing (4)

• apps/web/docker-compose.yml
• apps/web/ui/workspaces/create-workspace-form.tsx
• packages/ui/src/nav/content/solutions-content.tsx
• packages/ui/src/nav/nav.tsx

---

📝 Walkthrough

Walkthrough

This PR makes four independent adjustments: a Docker Compose MySQL port reassignment, responsive layout improvements for workspace logo display, dark-mode text contrast enhancement in the solutions navigation, and whitespace-nowrap styling additions to navbar authentication links.

Changes

Configuration & UI Polish

Layer / File(s)	Summary
Infrastructure Configuration apps/web/docker-compose.yml	MySQL service port mapping updated from host 3306 to host 3307 while keeping container port 3306.
Workspace Form Responsive Layout apps/web/ui/workspaces/create-workspace-form.tsx	Logo section flex container now switches from column layout on small screens to row layout with centered alignment on sm breakpoint and above.
Navigation Auth Links Styling packages/ui/src/nav/nav.tsx	Dashboard, Log in, and Sign up links receive whitespace-nowrap class to prevent text wrapping.
Solutions Content Dark Mode packages/ui/src/nav/content/solutions-content.tsx	SDK card description text dark-mode color increased from dark:text-white/60 to dark:text-white/80 for better visibility.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• dubinc/dub#3772: Modifies the same workspace form file with responsive and layout-related changes to workspace form components.

Suggested reviewers

• pepeladeira
• steven-tey

Poem

🐰 A dash of polish, small and neat,
Config tweaks make the layout sweet,
Dark text glows with newfound grace,
Nav links wrap with styled embrace! ✨

🚥 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 pull request title directly matches the main objective of fixing mobile onboarding workspace layout issues, which is the primary focus across the file changes.
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

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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