Mobile Table Redesign: - Redesigned mobile table layout with stacked status badges under contact info - Contact information takes 60% width with badges stacked below name/email - All status badges (Sales Process, EOI, Contract, Lead Category) now stack vertically - Eliminated horizontal scrolling issues and cramped mobile display Visual Improvements: - Optimized badge sizing (x-small) for mobile to fit more content - Enhanced spacing and alignment for better readability - Improved touch targets and visual hierarchy - Contact info and badges properly aligned for clean appearance Layout Structure: - Mobile: 3 columns (Contact+Badges 60%, Status 20%, Created 20%) - Desktop: Maintains original 6-column layout unchanged - Responsive breakpoint at 768px for optimal mobile experience User Experience Enhancements: - All status information visible without horizontal scrolling - Better content density and information accessibility - Maintained click functionality and hover effects - Consistent design language across mobile and desktop The mobile table now provides a much cleaner, more accessible experience with all status information clearly visible in a stacked format. |
||
|---|---|---|
| .. | ||
| client-support.vue | ||
| data.vue | ||
| file-browser.vue | ||
| index.vue | ||
| interest-analytics.vue | ||
| interest-berth-list.vue | ||
| interest-berth-status.vue | ||
| interest-emails.vue | ||
| interest-eoi-queue.vue | ||
| interest-list.vue | ||
| interest-status.vue | ||
| portnimaraAI.vue | ||
| site.vue | ||
| social-media.vue | ||