Feat/outlet design #170
Merged
Feat/outlet design #170
Conversation
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
- Create HeroCard component with unified blue gradient theme - Add hero cards to workouts, complexes, and exercises library pages - Display dynamic stats (total count) on each hero card - Add i18n translations for hero card content (FR/EN) - Harmonize border-radius across all cards (rounded-lg) - Update ComplexCard and WorkoutCard styling for consistency
- Add hero cards to library pages with orange theme and dynamic stats - Apply new color scheme: black (#262125) for structural elements, orange (#ed960b) for primary actions - Change background pattern to slate-50 with white cards for better contrast - Implement dual-layout AppHeader: primary pages show title/tabs, detail pages show back button/centered title - Extend PageMeta hook to support back button navigation with cleanup on unmount - Update sidebar with black background and orange active state - Standardize button styling: orange for primary actions (Schedule, Edit, Invite), black for creation actions - Remove duplicate navigation bars from detail components - Add i18n translations for hero cards and navigation elements This redesign provides a modern, cohesive user experience across all library and detail pages.
Replace inline styles and hardcoded colors with brand color CSS variables (orange-primary, orange-secondary, brand-black) defined in the design system. Update Tailwind config to expose brand colors as utilities and improve spacing consistency in library pages.
Replace inline styles and hardcoded colors with brand color CSS variables (orange-primary, orange-secondary, brand-black) defined in the design system. Update Tailwind config to expose brand colors as utilities and improve spacing consistency in library pages.
Replace hardcoded inline styles with a unified glassmorphism design system featuring: - Glass container and content area components with blur effects - Gradient-based hero cards with separated stats display - Primary button gradient utility class - Updated sidebar and header to work with new glass background - Enhanced visual depth with backdrop filters and shadow effects
- Add secondary (pink) and tertiary (cyan) color tokens - Align primary with purple-600 brand identity - Introduce outlet background variable for consistent theming - Standardize border color usage across components - Update Exercise/Complex badges to use new color system - Replace inline styles with design tokens throughout app
- Move stepper to app header for consistent layout with detail pages - Simplify Steps component UI (remove border/background, add short connecting lines) - Add middleContent support to AppHeader via page meta system - Refactor WorkoutCreationStepper to lift state up to parent component - Update page to use standard p-8 padding like other detail pages - Adapt create-workout-modal to new stepper props
- Replace bg-sidebar with bg-background for all search inputs in data tables and filters - Update search inputs in exercises, athletes, complex, and workout features - Fix French translations typos and improve grammar
- Enhance CTA button text wrapping with relaxed line height and left alignment - Increase button padding (py-3 px-4) for better readability - Make button full-width to ensure consistent text break across two lines - Increase hero card bottom margin to 12 (from 6) - Remove redundant bottom margins from library pages
… view details - Standardize color usage with primary/secondary/tertiary palette - Remove colored backgrounds from workout elements, use neutral gray - Display training session details directly in week view without popover - Update today highlight from yellow to primary purple - Add missing i18n translations for planning features - Simplify workout card category badges to use primary color
- Replace rounded-md with rounded-xl for consistent border radius - Remove all shadows (shadow-sm) from cards for cleaner design - Standardize personal record cards background to gray-50 - Remove explicit border-gray-200 in favor of default border color
- Reduce global page padding from p-8 to p-4 across all routes - Move padding to parent container for pages with DetailsPanel - Update DetailsPanel component to use p-4 padding - Reduce hero card image size (w-64→w-52) and adjust positioning to prevent overflow
…d dashboard - Add chevron-down icon to column dropdowns for better affordance - Standardize dropdown button styling (rounded-md, shadow-none) - Reduce dashboard card spacing from gap-6 to gap-4 - Update participation chart data with more dynamic variations - Adjust library distribution card to use flex-1 for proper height - Refactor complex detail layout and styling - Update form component styles (button, input, select, textarea)
- Display gender with Mars/Venus icons - Show levels as colored badges with semantic colors - Improve checkbox styling and table spacing - Refine hero card button layout
- Remove unused import in training-session-week-view - Remove invalid showAlternative props from auth forms - Replace array index keys with stable identifiers in dashboard - Add missing handleCancel dependency in workout creation useEffect - Add accessibility title to CheckIcon SVG in onboarding - Use literal keys instead of string literals in utils
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.
No description provided.