发布

  • [OPIK-3430] [FE] Add responsive design system with media query hooks (#4516)

    frostbyte_neo 发布于 2025-12-22 10:32:01 +00:00

    • [OPIK-3430] [FE] Add responsive design system with media query hooks

    Implements a comprehensive responsive design infrastructure:

    • Add responsiveness.ts: Define media queries for phone portrait/landscape and hover capability
    • Add useMediaQuery hook: Core hook for matching CSS media queries with automatic updates
    • Add useIsPhone hook: Device detection for phones in portrait/landscape orientations
    • Add useCanHover hook: Detect hover capability for proper UX on touch vs mouse devices

    This provides a clean, composable API for responsive behavior throughout the application.

    Implements OPIK-3430: Infrastructure for responsive media query system

    • [OPIK-3430] [FE] Add legacy browser support to useMediaQuery hook
    下载附件