Skip to content

Conversation

@majroth
Copy link

@majroth majroth commented Dec 31, 2025

Summary

image
  • Extract reusable SegmentButton component from ModeToggleView
  • Redesign footer with standard menu item styling (Edit, Login, Quit)
  • Unify selection styling with controlBackgroundColor across components
  • Update device row with green checkmark indicator and refined spacing
  • Fix volume icon layout jumping with fixed frame
  • Adjust ScrollView height (min: 280, max: 480) with subtle background
  • Use full-width dividers for cleaner section separation

Changes

MenuBarView.swift

  • New SegmentButton component with matchedGeometryEffect animation
  • Simplified ModeToggleView using the extracted component
  • Footer redesigned as VStack with EditModeToggle, LaunchAtLoginToggle, and MenuItemButtonStyle
  • Volume slider icon wrapped in fixed frame to prevent layout jumping

DeviceListView.swift

  • Selection indicator changed from "Active" text to green checkmark icon
  • Selection background uses controlBackgroundColor.opacity(0.4) with subtle stroke
  • Hover opacity unified to 0.1 across all interactive elements
  • Added isTransitioning state for smooth blur/scale micro-animations
  • Muted badge redesigned with speaker icon and capsule background

- Extract reusable SegmentButton component from ModeToggleView
- Redesign footer with standard menu item styling (Edit, Login, Quit)
- Unify selection styling with controlBackgroundColor across components
- Update device row with green checkmark indicator and refined spacing
- Fix volume icon layout jumping with fixed frame
- Adjust ScrollView height (min: 280, max: 480) with subtle background
- Use full-width dividers for cleaner section separation
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant