mirror of
https://github.com/fabro-sh/fabro.git
synced 2026-09-14 23:22:51 +00:00
d6a66844ff
The prompt bubble is `w-fit max-w-[85%]`, so its width is measured intrinsically and only then clamped. `items-start` left the inner content wrapper intrinsically sized too, so it resolved against the available space from before the clamp — the full column width — and kept that measurement after the bubble shrank. The text laid out at 100% of the column while the background painted at 85%, spilling out the right side. Give the wrapper `w-full` so it fills the bubble's resolved width instead of measuring itself. Short prompts still hug their content: a percentage-width child contributes its content size during intrinsic sizing, so the bubble measures the same and only the final wrap width changes. The expand button keeps hugging its label as a separate flex child. Also break long words in the collapsed preview. That is a separate overflow path: the preview is raw prompt text under `whitespace-pre-wrap`, where an unbreakable path or URL would spill even at the correct width. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| app | ||
| public/images | ||
| scripts | ||
| .dockerignore | ||
| .gitignore | ||
| index.template.html | ||
| package.json | ||
| react-doctor.config.json | ||
| tsconfig.json | ||