Redesign from Claude design (Afsan) + cart drawer fix#12
Merged
Conversation
Remove numerous PNG screenshots from PetFolio-UI-Screens to reduce repository clutter/size. Move/rename PetFolio Design System.md, PetFolio.html, and screen.png into docs/resolved-deprecated/ for archival of deprecated assets.
Introduce missing ink950/ink700 tokens to PetfolioThemeExtension and switch many components to use centralized theme tokens and text styles. Replace ad-hoc GoogleFonts usage and raw AppColors in multiple screens/widgets with Theme.textTheme, PetfolioThemeExtension values (pt.*) or consolidated GoogleFonts (Sora/Inter) with adjusted weights. Refactor UI components for consistent layout (paw toggle sizing/alignment, social/circle buttons sizing), remove explicit Sora fontFamily usages, and tweak navigation and pill/button font choices. Minor .claude local setting added for a Google Fonts directory.
Replace numerous CircularProgressIndicator usages with the TailWagLoader to standardize loading UI across care, medical vault, marketplace, matching, pet profile, and social screens. Introduce PetfolioEmptyState for empty views (cart, medical vault, pet profile) and remove the duplicate _EmptyCart widget. Improve social stories loading by showing skeleton placeholders instead of a single spinner, add necessary widget imports, and remove an unused pf_card import. These changes unify loading/empty states and provide better UX consistency.
Replace hardcoded visual values with theme tokens and adjust layout spacings across the app for visual consistency. Key changes: use PetfolioThemeExtension for radii and shadows in bone_slider and routine recommendation sheet; switch many hardcoded colors to Theme.of(context).colorScheme in marketplace product card; refactor product card image area to expand and position quick-add button; tweak paddings, sizes and grid aspect ratios in care and marketplace screens; minor adjustments to badge/grid spacing and chart paddings. These changes centralize styling, improve consistency with the design system, and refine component layout.
Update the Container height in _CategoryChips from 104 to 112 to provide additional vertical spacing for the category chips, improving layout alignment and accommodating chip content.
Collaborator
Author
|
@copilot Review this pull request |
Contributor
Copilot
AI
changed the title
Redesing from claude design afsan
Redesign from Claude design (Afsan) + cart drawer fix
May 26, 2026
Replace and expand the CLAUDE.md guidance to reflect the live project state and current developer workflow. Notes include live Supabase stats (31 tables, 29 RPCs, 78 migrations), recommendation to use --dart-define-from-file/.env for env vars, expanded feature and architecture overviews, Riverpod patterns, codegen reminders, storage buckets, RPC list, and prioritized gaps/tech-debt (notably: no Stripe webhook, vendor_ledgers not populated, plain JSONB bank_account_details, and missing story cleanup scheduler). Also documents migration and schema sync practices, query tips, and prioritized P0/P1/P2 issues for developers.
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
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.
This pull request primarily updates project configuration and documentation files to improve environment setup, file exclusion patterns, and architectural documentation. The most significant changes include a major overhaul of the
.claudeignorefile for better cross-platform support, enhancements to the.claude/settings.local.jsontool list, and new documentation for responsive layout architecture.Configuration and Environment Improvements:
.claudeignoreto provide more comprehensive and platform-agnostic ignore patterns for Android, iOS, macOS, Windows, Linux, and coverage files. This helps prevent unnecessary files from polluting the workspace and context window, and adds exceptions for certain files..claudeignoreto move theclaude_design/directory underdocs/resolved-deprecated/claude_design/for better organization and to prevent context bloat..claudeignoreby removing the.agents/directory from the ignore list and making minor adjustments to ignored files and directories.Tooling Enhancements:
.claude/settings.local.json, adding new Bash commands for file operations, sed-based code modifications, and a variety of MCP and Chrome automation tools. This increases the flexibility of the development and automation environment.Documentation and Architecture:
.remember/remember.mddetailing the unified responsive layout architecture, breakpoints, bottom navigation handling, and modal sheet presentation strategies. This provides clear guidance for maintaining consistent UI/UX across device types.Marketplace Behavior Fix: