style(web): cap upload dropzone width and center it (#582)#588
Merged
Conversation
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]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
#upload-dropin 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..upload-dropatmax-width: 520pxwithmargin: 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.Scope
packages/memtomem/src/memtomem/web/static/style.css(one rule, two declarations added).Refs
Test plan
uv run ruff check packages/memtomem/src && uv run ruff format --check packages/memtomem/srcmm webrunning locally;curl http://127.0.0.1:8080/style.css?v=68includes the newmax-width: 520px; margin: 0 auto;declarations on.upload-drop.🤖 Generated with Claude Code