Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] Improve UI Design of npx Command Box for Better Centering and Arrow Usage #686

Open
Ncode-93 opened this issue Oct 17, 2024 · 2 comments
Labels
enhancement New feature or request triage

Comments

@Ncode-93
Copy link

What Would You Like to See with the Gateway?

The current design of the npx @portkey-ai/gateway box appears slightly misaligned. The left and right arrow (scroll indicator) could be adjusted, and the overall layout of the box could be centered better for a more balanced and visually appealing look. This would help the box use the available space more effectively, making the design more aesthetically pleasing.

Context for your Request

Suggested Improvements:

Adjust the alignment of the npx command box to make sure it is centered vertically and horizontally.
Ensure that the left and right scroll arrows are better integrated into the design, so they don't appear cramped or too large for the content.
Improve spacing around the text to ensure the box doesn't feel crowded but still keeps the content visually centered.
Visual Reference: Please see the attached screenshot below for the current design that could be improved.
image

Your Twitter/LinkedIn

No response

@Ncode-93 Ncode-93 added the enhancement New feature or request label Oct 17, 2024
@Ncode-93
Copy link
Author

Hey @alexsherstinsky I think it's a crucial fix as it forms the very first look for your service and it looks kinda odd as well.
I can fix that under the label of hacktoberfest.

@vrushankportkey
Copy link
Collaborator

Hi @Ncode-93, thank you for the suggestion! Unfortunately, the website code isn't open source. So this issue is not a part of Hacktoberfest.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request triage
Projects
None yet
Development

No branches or pull requests

2 participants