[Kurtel] Enhance the visual design and user experience of the demos/gpt_internals#2
[Kurtel] Enhance the visual design and user experience of the demos/gpt_internals#2EvergreenTree wants to merge 1 commit into
Conversation
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: afa8a013c8
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| npm install | ||
| ``` | ||
|
|
||
| ### 3. Run the development server | ||
|
|
||
| ```bash | ||
| npm run dev |
There was a problem hiding this comment.
Replace the Next.js quick start with runnable commands
In this repo root there is no package.json, Next.js config, or app/pages directory, so the newly documented root-level npm install / npm run dev flow fails before anyone can launch the site. This makes the README's primary setup path unusable for new contributors; document the actual static-site/demo workflow or add the missing project files.
Useful? React with 👍 / 👎.
| word-break: break-all; | ||
| border: 1px solid #333; | ||
| width: 100%; | ||
| max-width: 55%; |
There was a problem hiding this comment.
Let demo panels expand on mobile
With this max-width: 55% the sample output stays limited to 55% of its parent even inside the existing @media (max-width: 760px) block, which only resets Tufte selectors like section > p and does not include these new demo IDs. On phone-width screens the generated text panel (and the same pattern below for the heatmap/status) renders at roughly half the available width, making the mobile demo unnecessarily cramped despite the requested responsive UX.
Useful? React with 👍 / 👎.
📋 Tâche
Enhance the visual design and user experience of the demos/gpt_internals page to make it more polished and demo-ready.
✅ Ce qui a été fait
La page de démo a été améliorée visuellement : un favicon SVG a été ajouté, les métadonnées HTML (title, description) sont maintenant complètes, et le CSS a été enrichi avec des règles pour les composants et le chargement des polices. La page devrait maintenant donner une meilleure première impression lors d'une présentation.
🧪 À tester avant de merger
Généré par Kurtel