Skip to content

UI/UX Polish v0.9.5

Choose a tag to compare

View all tags
@mstrlargo mstrlargo released this 23 Jul 17:19
Beta-v0.9.5
88b3d96
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

UI/UX polish

I'm still at the point now where I think I'm ready to go to V1.0 but I'd love to hear from anyone using vgc-shelf. what are some things you would like to see? where are you having issues? what can be better? Please feel free to open an issue with your ideas or any issues you are encountering. https://github.com/mstrlargo/vgc-shelf/issues

Global Layout

  • Increased page gutters
  • Increased spacing between major sections
  • Standardized all page widths
  • Better vertical rhythm throughout the application

Header

  • Taller navigation bar
  • More spacing between navigation buttons
  • Better separation between navigation and search
  • Slightly larger search box
  • Improved alignment of logo, account info, and navigation

Cards

  • More internal padding
  • Larger gaps between sections
  • More consistent border radius
  • Improved shadow hierarchy
  • Better spacing around images

Forms

  • More spacing between fields
  • Better label spacing
  • Consistent input heights
  • Better button spacing
  • Improved modal layouts

Collection Cards

  • Larger image margins
  • More breathing room around statistics
  • Better spacing for action buttons
  • Cleaner title/description layout
  • Floating drag overlay that follows the pointer
  • Cards moving smoothly out of the way while dragging
  • Stable grid collision detection
  • Dedicated Move handle
  • Mouse, touchscreen, and keyboard support
  • Order saved only when the card is released
  • Separate sorting for pinned and regular collections

Statistics Tiles

  • More padding
  • Better spacing
  • Improved typography hierarchy

Tables

(Lending, Reports, Search, Admin)

  • Taller rows
  • Better cell padding
  • More readable headers
  • Better spacing around filters

Modals

  • Larger padding
  • Better spacing between sections
  • More comfortable scrolling
  • Cleaner footer actions

Mobile

  • Improved card spacing
  • Improved modal spacing
  • Improved touch targets
  • Reduced cramped controls
  • Design System Cleanup

I'm also going to consolidate the spacing into reusable design tokens instead of having different spacing values throughout the app. That means future features will automatically match the updated look without additional work

Full Changelog: Beta-v0.9.3...Beta-v0.9.5

Assets 3
Loading