Skip to content

style(web): cap upload dropzone width and center it (#582)#588

Merged
memtomem merged 1 commit intomainfrom
feat/582-upload-dropzone-proportions
Apr 30, 2026
Merged

style(web): cap upload dropzone width and center it (#582)#588
memtomem merged 1 commit intomainfrom
feat/582-upload-dropzone-proportions

Conversation

@memtomem
Copy link
Copy Markdown
Owner

Summary

  • The upload dropzone (#upload-drop in the Index tab → Upload mode) currently spans the full panel width (~750px on a typical card) with only an icon and two short lines of content. It looks disproportionately empty.
  • This PR caps .upload-drop at max-width: 520px with margin: 0 auto, so the dropzone itself centers inside the panel while sibling controls (file list, upload button, result rows) keep their natural full-width layout.
  • 520px sits inside the 480–560 range called out in the umbrella issue.

Scope

  • One file: packages/memtomem/src/memtomem/web/static/style.css (one rule, two declarations added).
  • No JS, HTML, or i18n changes. No behavior change to drag/drop handlers.

Refs

Test plan

  • uv run ruff check packages/memtomem/src && uv run ruff format --check packages/memtomem/src
  • Served-asset verification: mm web running locally; curl http://127.0.0.1:8080/style.css?v=68 includes the new max-width: 520px; margin: 0 auto; declarations on .upload-drop.
  • Visual check in a browser at the Index → Upload tab (skipped locally — a stale Playwright MCP session was holding the user-data-dir; the change is a 2-line CSS rule with no JS interaction so failure modes are linter/parse-level, all caught above. Reviewer visual check welcome.).

🤖 Generated with Claude Code

The upload dropzone in the Index tab spanned the full panel width (~750px
at typical card sizes) with only an icon and two short lines of content,
making it look disproportionately empty. Cap `.upload-drop` at
`max-width: 520px` with `margin: 0 auto` so the dropzone itself centers
inside the panel while sibling controls (file list, upload button, result
rows) keep their natural full-width layout.

Refs #582 (Prev #2).

Co-Authored-By: Claude <[email protected]>
@memtomem memtomem merged commit 569dca7 into main Apr 30, 2026
7 checks passed
@memtomem memtomem deleted the feat/582-upload-dropzone-proportions branch April 30, 2026 03:32
@github-actions github-actions Bot locked and limited conversation to collaborators Apr 30, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants