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

PE-5964: App scaffold, Navigation, Sidebar, Routing #2

Merged

Conversation

kunstmusik
Copy link
Collaborator

  • Implements app layout, navigation bar, and side bar.
  • Does not implement breadcrumbs as it will be implemented as part of gateway story.

@kunstmusik kunstmusik requested a review from a team as a code owner April 24, 2024 17:04
Copy link

github-actions bot commented Apr 24, 2024

Visit the preview URL for this PR (updated for commit f75682e):

https://ar-io-network-portal-a40ee--pr2-pe-5964-navigation-s-2urf5gxt.web.app

(expires Thu, 09 May 2024 21:58:28 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 7abfae09c4446982a71cbb94b0cbf4688377a111

src/constants.ts Outdated Show resolved Hide resolved
Comment on lines 36 to 37
? 'flex h-[34px] w-full items-center space-x-[11px] px-[11px] py-[5px] rounded-[6px] bg-gradient-to-b shadow-[0px_0px_0px_1px_#050505,0px_1px_0px_0px_rgba(86,86,86,0.25)_inset] dark:from-[rgba(102,102,102,.06)] dark:to-[rgba(0,0,0,0.06)] dark:bg-[#212124]'
: 'flex h-[34px] w-full items-center space-x-[11px] px-[11px] py-[5px] hover:rounded-[6px] hover:bg-gradient-to-b hover:shadow-[0px_0px_0px_1px_#050505,0px_1px_0px_0px_rgba(86,86,86,0.25)_inset] dark:from-[rgba(102,102,102,.06)] dark:to-[rgba(0,0,0,0.06)] hover:dark:bg-[#212124]';
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

welcome to tailwind 🙃

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we set some of these rgb and hash colors in our tailwind config and give them friendly names?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let me do an audit and see about cleaning these up.

Copy link
Collaborator

@dtfiedler dtfiedler left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

no general objections - looking good

one small question r.e. custom colors being set in tailwind.config.js to avoid the inline rgb/hex colors

package.json Show resolved Hide resolved
src/App.tsx Show resolved Hide resolved
src/components/Button.tsx Show resolved Hide resolved
src/components/Button.tsx Show resolved Hide resolved
src/layout/Sidebar.tsx Outdated Show resolved Hide resolved
src/layout/Sidebar.tsx Outdated Show resolved Hide resolved
tailwind.config.js Outdated Show resolved Hide resolved
src/components/Button.tsx Outdated Show resolved Hide resolved
src/services/http.ts Show resolved Hide resolved
src/services/http.ts Show resolved Hide resolved
@atticusofsparta atticusofsparta merged commit 5ab5e34 into develop Apr 25, 2024
4 checks passed
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.

3 participants