Skip to content

[Feature] Add responsive layouts for narrow terminals #10

@moakilodash

Description

@moakilodash

Problem

The dashboard layout assumes a fairly wide terminal and becomes unusable or hard to read in terminals narrower than ~120 columns.

Proposed Change

Adapt the storefront layout to gracefully handle narrow terminal sizes (target ~80 columns). This should include collapsed views, vertical stacking, or other UX patterns that keep content readable and the app navigable.

Acceptance Criteria

  • Layout remains usable at 80 columns
  • Cart and detail content do not become unreadable or overflow
  • Keyboard navigation still works in narrow mode
  • Screenshots or notes added to PR describing responsive behavior
  • No loss of functionality
  • Tested with different terminal widths

Related

Depends on (but not blocking): Issue #5 (Refactor catalog pane into reusable widgets)
See ROADMAP.md Phase 1/2 - Improving the foundation

Contributor Lane: Textual UI & UX (Issue 6/2)
Difficulty: Medium
Related Phase: Ongoing - UI foundation

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions