Steam gaming tab, segmented tabs, star rating fix#6
Merged
Conversation
Gradient clip approach was unreliable on mobile Chrome — all stars rendered the same colour. Replaced with: - full: gold ★ - half: gold ★ at 45% opacity - empty: grey ☆ (different character for guaranteed visual difference) https://claude.ai/code/session_01Qj49iUs6QNA2MQcCVP5cFN
Modern pill-style tab switcher: contained rounded group, active tab fills with primary colour, inactive shows muted text with hover state. Count badges show white on active tab, primary-on-white when inactive. https://claude.ai/code/session_01Qj49iUs6QNA2MQcCVP5cFN
- SteamService now fetches profile (avatar, name, level) and Steam level in parallel alongside owned games; returns a single SteamSummary record - Profile card shows avatar, display name, level, total games owned, total hours across all games - 'Playing recently' section highlights games with playtime in last 2 weeks, showing both total hours and recent hours - 'Most played' section unchanged, now with section heading - Gaming tab pill shows total library size instead of top-15 count https://claude.ai/code/session_01Qj49iUs6QNA2MQcCVP5cFN
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
☆for empty; gradient clip replaced with opacity (works on mobile Chrome)Before merging
Add these to Azure App Settings if not already done:
Steam__ApiKeySteam__UserId76561198065733619Test plan
https://claude.ai/code/session_01Qj49iUs6QNA2MQcCVP5cFN
Generated by Claude Code