- Add min-w-[900px] to root container so content scrolls horizontally below 900px instead of being crushed - Change grid breakpoint from lg to xl so 3-column layout only fires at 1280px - Add min-w-0 + truncate to proof title to prevent clipping at narrow widths - Add flex-wrap to buttons row so buttons wrap rather than overflow - Add shrink-0/whitespace-nowrap to all action buttons to prevent compression - Improve button interaction states with hover:shadow-sm, active:scale-95, and transition-all Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| components | ||
| contexts | ||
| hooks | ||
| public | ||
| services | ||
| utils | ||
| App.tsx | ||
| constants.ts | ||
| index.html | ||
| index.tsx | ||
| metadata.json | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| types.ts | ||
| vite.config.ts | ||
Run and deploy your AI Studio app
This contains everything you need to run your app locally.
View your app in AI Studio: https://ai.studio/apps/drive/1vH-R-vj0Xkk_g2ZFdHtLxNc12sFTOl2L
Run Locally
Prerequisites: Node.js
- Install dependencies:
npm install - Set the
GEMINI_API_KEYin .env.local to your Gemini API key - Run the app:
npm run dev