32 lines
844 B
Markdown
32 lines
844 B
Markdown
Use Playwright MCP as a visual QA and frontend polish tool for this page.
|
|
|
|
Inspect the page at mobile, tablet, and desktop breakpoints, identify styling/layout issues, and fix them directly in the code.
|
|
|
|
Focus on:
|
|
- spacing
|
|
- sizing
|
|
- alignment
|
|
- element positions
|
|
- typography scaling
|
|
- card proportions
|
|
- image/text balance
|
|
- overflow/clipping
|
|
- responsiveness
|
|
|
|
Requirements:
|
|
- keep Tailwind CSS
|
|
- preserve the current design intent
|
|
- improve the page until it looks polished and production-ready
|
|
- verify each fix visually with Playwright MCP
|
|
- iterate until no obvious visual issues remain
|
|
|
|
|
|
Test at:
|
|
- 375x812
|
|
- 768x1024
|
|
- 1280x800
|
|
|
|
Use VigilCareRecordsAPI/Data/Seed/DataSeeder.cs to get the logins
|
|
|
|
Do not only report problems.
|
|
Make the fixes, re-test, and then provide a short summary of what was improved. |