move dialog redesign and color consistency

[moehdotdev]

what changed

move note/pdf dialog layout rework

• both MoveNoteDialog and MovePdfDialog got the same treatment, so they're visually in sync now
• each workspace row is now relative with an absolutely positioned vertical w-px bg-border line running from below the workspace header down through its table list gives a clear visual tree structure showing which tables belong to which workspace
• the table rows were restructured: the outer <button> became a <div> wrapper, and the clickable <button> inside gets mx-4 indent and px-2 py-2 padding, so the hover/active area is properly inset and aligned with the tree line
• removed the old ml-4 h-px w-3 horizontal connector span that was sitting between the indent and the folder icon the vertical line handles the hierarchy now and the connector felt redundant
• hover and current-target backgrounds changed from bg-primary/10 to hover:bg-border / bg-muted so they use semantic tokens instead of tinted primary colors, which looks better in both light and dark themes
• "create table" button height reduced from h-8 to h-7 to better match the compact density of the table rows

color consistency across both dialogs

• the "move note" / "move upload" label at the top of the dialog changed from text-primary/70 to text-foreground — it was too faint and didn't need the primary tint
• search icon changed from text-primary/70 to text-muted-foreground
• empty state folder icon changed from text-primary/50 to text-muted-foreground
• chevron, folder, and folder-open icons on workspace rows changed from text-primary/60 and text-primary/80 to text-muted-foreground consistent with how icons look everywhere else in the app
• workspace row border changed from border-primary/10 to border-transparent so there's no phantom colored border on non-hovered rows

feedback dialog submit button

• submit button repositioned to absolute -bottom-6 -right-6 inside a relative pb-6 footer visually tucks it into the bottom-right corner of the dialog for a more intentional layout rather than the default footer flow

why

• the primary/N opacity colors were inconsistent with the rest of the ui and made the dialogs look different depending on the theme
• the old table row structure had a visual indent (the horizontal line span) that didn't line up cleanly with the workspace header, making the hierarchy feel loose the vertical tree line approach is cleaner and scales better when there are many tables

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notevo	Ready	Preview, Comment	May 14, 2026 11:43am