Redesign UI with segmented buttons, cards, and teal color scheme#6
Open
JesseWilliamson wants to merge 4 commits intomainfrom
Open
Redesign UI with segmented buttons, cards, and teal color scheme#6JesseWilliamson wants to merge 4 commits intomainfrom
JesseWilliamson wants to merge 4 commits intomainfrom
Conversation
- Replace filter chip tabs with Material 3 segmented buttons for clearer navigation - Redesign location cards with visible edit/delete buttons, coordinate display, and Card elevation - Redesign route cards with inline Follow/Edit/Delete buttons instead of hidden overflow menus - Rewrite floating player overlay as elevated Card with labeled speed slider, progress section, and full-width pause/resume button - Rewrite route editing overlay as floating Card with icon, clear instructions, and Discard/Save buttons - Add descriptive empty states with icons for both locations and routes tabs - Update dialogs with icons, placeholder text, auto-focus, decimal keyboards for coordinates, red delete button, and outlined cancel buttons - Switch color palette from purple/pink to teal/earth tones appropriate for a maps app - Add material-icons-extended dependency for richer icon set - Update screenshot test previews to match new UI components https://claude.ai/code/session_012aYZz2GaFXM3GeXAa44ccq
The manifest merger requires a value for the MAPS_API_KEY placeholder. Provide an empty string so the screenshot generation build can pass. https://claude.ai/code/session_012aYZz2GaFXM3GeXAa44ccq
The secrets gradle plugin generates invalid Java (`String X = ;`) when the key is empty. Use a dummy placeholder so the build compiles. Static map thumbnails won't load in CI screenshots but that's expected. https://claude.ai/code/session_012aYZz2GaFXM3GeXAa44ccq
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
Comprehensive UI redesign updating the GPS Spoofer app with modern Material 3 components, improved visual hierarchy, and a new teal/earthy color palette. Replaces deprecated FilterChips with SegmentedButtons, upgrades container styling to use Cards, and enhances empty states with icons and descriptive messaging.
Key Changes
Component Updates:
FilterChipwithSegmentedButton+SingleChoiceSegmentedButtonRowfor tab navigation in Locations/Routes sectionsCardcomponents with proper elevation and colors throughoutButton→FilledTonalButtonfor secondary actions, addedOutlinedButtonfor tertiary actionsVisual Enhancements:
Icons.Outlined.Route,Icons.Outlined.LocationOn), headings, and descriptive textFontWeight.Boldto key metrics (speed display in player overlay)Color Scheme:
#00796B, dark:#A0D5C8)onSurfaceVariant)Dialog Improvements:
OutlinedButton)Code Quality:
Box,background,clipwhere replaced by Cards)@OptIn(ExperimentalMaterial3Api::class)annotations for SegmentedButton usageSpacercomponents between icons and text in buttonsNotable Implementation Details
CardDefaults.cardColors()for container customization across all card-based componentshttps://claude.ai/code/session_012aYZz2GaFXM3GeXAa44ccq