-
-
Notifications
You must be signed in to change notification settings - Fork 287
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
[DashboardLayout] Fix app bar items alignment #4437
Conversation
bharatkashyap
commented
Nov 18, 2024
Before | After |
---|---|
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.
Requesting changes just for adding alignItems
to the stack that wraps the toolbar slots too.
Thanks for looking into this! I had missed it as I hasn't tested it with the account button in the top bar.
flexWrap: 'wrap', | ||
justifyContent: 'space-between', | ||
width: '100%', | ||
alignItems: 'center', |
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.
I don't remember exactly why I had added the padding but just retested and it should be fine to remove...
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.
Also for justifyContent
and alignItems
I guess we could just use the props of Stack
directly, but it shouldn't be a big difference.
@@ -14,7 +14,7 @@ import { ThemeSwitcher } from './ThemeSwitcher'; | |||
*/ | |||
function ToolbarActions() { | |||
return ( | |||
<Stack direction="row"> | |||
<Stack direction="row" alignItems="center"> |
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.
Besides this, can we also add this prop in the DashboardLayout
line 377, in the Stack
that wraps the actions and account slots?
(we actually have to so that they're aligned too)
pnpm-lock.yaml
Outdated
@@ -4036,7 +4036,7 @@ packages: | |||
engines: {node: '>=18'} | |||
peerDependencies: | |||
'@testing-library/dom': ^10.0.0 | |||
'@types/react': ^18.3.11 | |||
'@types/react': ^18.3.12 |
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.
There should be no changes here, right?