fix: align shell prompt $ for multiple lines command

[shuuji3]

fix #1311

Before

After

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 10, 2026 3:17am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 10, 2026 3:17am
npmx-lunaria	Ignored		Feb 10, 2026 3:17am

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

📝 Walkthrough

Walkthrough

This pull request addresses a visual alignment issue in the Terminal Install component. The dollar-sign prefix displayed before shell commands has been updated to use a self-start alignment class across four instances in the code. Previously, the dollar signs used baseline alignment, which caused misalignment when commands spanned multiple lines. The modification is purely a CSS/layout adjustment that changes how the spans containing the dollar signs are positioned vertically, with no alterations to the command generation logic or data flow.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, providing before/after screenshots showing the fix for shell prompt alignment in multi-line commands.
Linked Issues check	✅ Passed	The pull request directly addresses issue #1311 by aligning the shell prompt ($) to the top line of multi-line commands through CSS class changes.
Out of Scope Changes check	✅ Passed	All changes are scoped to the Install.vue component and consist solely of CSS alignment adjustments directly addressing the linked issue requirement.

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

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

No actionable comments were generated in the recent review. 🎉

🧹 Recent nitpick comments

app/components/Terminal/Install.vue (1)

177-177: Consider adding shrink-0 for consistency with the install command prompts.

The $ spans on lines 115 and 142 include the shrink-0 class, but these two do not. For consistency and to prevent the prompt from shrinking if the run/create commands become long enough to cause flex shrinkage, consider adding shrink-0 here as well.

♻️ Suggested diff

-            <span class="self-start text-fg-subtle font-mono text-sm select-none">$</span>
+            <span class="self-start text-fg-subtle font-mono text-sm select-none shrink-0">$</span>

Apply to both lines 177 and 222.

Also applies to: 222-222

---

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

[shuuji3]

@whitep4nth3r Thanks for reviewings! 🙂