-
Notifications
You must be signed in to change notification settings - Fork 1
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
PE-5964: App scaffold, Navigation, Sidebar, Routing #2
Conversation
kunstmusik
commented
Apr 24, 2024
- Implements app layout, navigation bar, and side bar.
- Does not implement breadcrumbs as it will be implemented as part of gateway story.
… from including transparent- color tokens
…-sider-navbar-routing-breadcrumbs
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/layout/Sidebar.tsx
Outdated
? '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]'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
welcome to tailwind 🙃
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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.
There was a problem hiding this 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
fix(ario): use web import for ario/sdk
…nize-imports to work better with tailwind classname sorting
…or secondary route items