Polish mobile responsive for bounty views#1267
Conversation
Tighter padding at 375px, responsive type scale, horizontal scroll for filter pills, truncated repo names, and collapsible status labels on small screens. Closes SolFoundry#833 Wallet: 9PmjWFwM2mdnjBNjJyfNMTWGCnGAKFpywsLF9xcRF8PK
|
This introduces an unconfigured Tailwind breakpoint. That means the generated CSS will not include those |
Tailwind doesn't include an xs screen by default. The xs: classes produced no CSS output. Using sm: (640px) instead ensures the responsive hide/show actually works.
|
Confirmed. The follow-up commit replaces the unconfigured <span className="hidden sm:inline">{bounty.submission_count} PRs</span>
<span className="sm:hidden">{bounty.submission_count}</span>
...
<span className="hidden sm:inline">{statusLabel}</span>That addresses the missing generated CSS problem I pointed out; the hide/show classes now use a configured breakpoint. |
Closes #833
Wallet: 9PmjWFwM2mdnjBNjJyfNMTWGCnGAKFpywsLF9xcRF8PK