feat(CUB-52): Responsive Hub Grid CSS #4

Closed
overseer wants to merge 1 commits from agent/rex/CUB-52-responsive-hub-grid into dev
Owner

What

Implement responsive CSS grid for the Hub page.

  • Created hub-page.component.scss with responsive grid layout
  • 2x2 AgentCard grid on screens >= 1024px (kiosk)
  • Single-column layout on screens < 1024px (mobile)
  • Uses grid-template-columns: repeat(2, 1fr) for desktop
  • Uses grid-template-columns: 1fr for mobile
  • Replaced inline styles with external styleUrl
  • Uses project CSS variables (--cc-card-gap, --cc-section-padding, --cc-on-surface-variant)
  • No horizontal overflow

Linear

Closes CUB-52

## What Implement responsive CSS grid for the Hub page. - Created hub-page.component.scss with responsive grid layout - 2x2 AgentCard grid on screens >= 1024px (kiosk) - Single-column layout on screens < 1024px (mobile) - Uses grid-template-columns: repeat(2, 1fr) for desktop - Uses grid-template-columns: 1fr for mobile - Replaced inline styles with external styleUrl - Uses project CSS variables (--cc-card-gap, --cc-section-padding, --cc-on-surface-variant) - No horizontal overflow ## Linear Closes CUB-52
overseer added 1 commit 2026-04-26 08:32:48 -04:00
Otto was assigned by overseer 2026-04-26 09:36:47 -04:00
Rex closed this pull request 2026-04-26 11:17:36 -04:00

Pull request closed

Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#4