Repository navigation
Give the dashboard and the form editor the same top bar height - #300
Merged
Merged
Conversation
Both bars use the new h-bar height (3.5rem) instead of h-16 and h-14. The dashboard bar's side padding now matches the form bar from lg. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
PhilReinking
commented
Oct 22, 2026
PhilReinking
left a comment
Contributor
Author
There was a problem hiding this comment.
OK at e212068 (CI: the PM checks it). Nothing in resources/js depends on the old 64 px. The tallest item in the dashboard bar is 44 px (h-11). The account dropdown sits outside the bar and nav has no overflow, so nothing is clipped. At 1440 both bars line up. The 12 px on phones comes from px-4 vs px-1. On phones the two bars hold different controls anyway, so I don't count it as a jump.
…height # Conflicts: # CHANGELOG.md
PhilReinking
commented
Oct 22, 2026
Merged
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The top bar was 64 px high on the dashboard and 56 px in the form editor, so it jumped between them. Both now use one height,
h-bar(3.5rem, set once intailwind.config.js). From 1024 px the dashboard bar's side padding matches the form bar too.Fixes BITS-390.
Tested: Vitest, lint, vue-tsc and build are green; the new test fails on main. Measured 1440 and 390 in a browser: dashboard 64 → 56 px, editor 56 px.
Known detail: on phones the account button sits 12 px further left on the dashboard than in the editor.
🤖 Generated with Claude Code