Compact dashboard workspaces and responsive operations
Unifies buyer, seller and administrator dashboards around one compact shell, shared primitives and responsive record layouts.
Dashboard shell
- Desktop navigation is 236px wide and collapses into an accessible mobile drawer that closes on route changes.
- The dashboard header is reduced to 56px and the content frame now uses one consistent 16px rhythm.
- Page titles, descriptions, controls, panels, statuses, loading states and empty states share one compact type and spacing scale.
Operations
- Product creation and editing now use responsive panels, inline validation and a page-level publish action.
- Support, seller requests, payments, profile, categories and footer management now use the same panel, feedback and control system.
- Login now opens at the top on mobile instead of auto-scrolling past the page shell to the first field.
- Mobile authentication pages lead with the form, while the security context remains available below and the desktop split layout is unchanged.
- The administrator seller directory replaces a fixed-width scrolling table with responsive records.
- The administrator store registry now uses the same responsive record pattern, including mobile field labels and release controls.
- Product gallery edits now preserve retained images, persist removals and reject image IDs that belong to another product.
- Active dashboard controls use the local SVG icon registry rather than icon-font markup.
- Browser alerts and confirmations were replaced by inline errors and confirmation panels in the migrated flows.