Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Improve demo gallery mobile view

Ouverte
#69 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

@jerelvelarde y travaille déjà.

Depuis le 26/3/2026.

  • #70 par @jerelvelarde — ouverte

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
52/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
Calme
Stack technique
typescript
Domaine
frontend

Piste de recherche

Start at the demo gallery drawer introduced in #68 and inspect the Demos header button, demo cards, and category filter chips. Compare the current behavior at widths below 640px, then verify that the mobile gallery uses the requested full-screen or bottom-sheet presentation, supports horizontal filter scrolling, has touch-friendly targets, and keeps the header button accessible.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Problem

The demo gallery drawer currently uses a fixed 480px width and doesn't have mobile-specific optimizations. On smaller screens the layout may feel cramped or awkward.

Suggested improvements

  • Full-screen drawer on mobile (< 640px) instead of side panel
  • Touch-friendly tap targets for demo cards and category filter chips
  • Horizontal scroll for category filter with momentum scrolling
  • Bottom sheet style on mobile instead of right-side drawer
  • Ensure the "Demos" header button is accessible on narrow viewports

Context

Introduced in #68.

Langage dominant
TypeScript
Étoiles
3.9k
Forks
414
Merge moyen
4 h
PR mergées (30 j)
6

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de CopilotKit/OpenIntelligentUI

Toutes les issues de CopilotKit/OpenIntelligentUI

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.