fix(responsive): audit and fix FlowPilot + analytics components for mobile/tablet
Add responsive Tailwind classes across 11 FlowPilot-related components: - FlowPilotSession: collapsible mobile sidebar summary, responsive padding - FlowPilotActionBar: stacked buttons on mobile, responsive resolve modal - FlowPilotIntake: responsive submit area, padding, heading sizes - FlowPilotStepCard: responsive padding (p-3/p-4/p-5), stacked action buttons - FlowPilotOptions: responsive padding, 44px touch targets - SessionDocView: responsive card padding, touch-friendly star ratings - EscalateModal: stacked buttons on mobile with min touch targets - EscalationQueue: responsive card padding, touch targets - InSessionScriptGenerator: responsive padding, stacked continue buttons - ReviewQueuePage: responsive two-panel layout (stacked on mobile) - FlowPilotAnalyticsPage: responsive header, chart card padding Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -28,7 +28,7 @@ export function FlowPilotOptions({ options, onSelect, disabled }: FlowPilotOptio
|
||||
onClick={() => handleSelect(option.value)}
|
||||
disabled={disabled}
|
||||
className={cn(
|
||||
'group relative rounded-xl border p-4 text-left transition-all',
|
||||
'group relative rounded-xl border p-3 sm:p-4 text-left transition-all min-h-[44px]',
|
||||
'hover:border-[rgba(6,182,212,0.3)] hover:shadow-[0_0_20px_rgba(6,182,212,0.08)]',
|
||||
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40',
|
||||
isSelected
|
||||
|
||||
Reference in New Issue
Block a user