Skip to content

Centre the draft landing's mark+composer optically - #250

Closed
kateebonner wants to merge 1 commit into
local/amicodefrom
kate/landing-optical-center
Closed

Centre the draft landing's mark+composer optically#250
kateebonner wants to merge 1 commit into
local/amicodefrom
kate/landing-optical-center

Conversation

@kateebonner

@kateebonner kateebonner commented Aug 25, 2026

Copy link
Copy Markdown
Contributor

Upstream anchored the landing group's top at a fixed 25.375% of the panel height — tuned for a wide desktop window. In the tall Amicode webview that beached the mark and composer in the upper third, with a hold of empty space below (Kate flagged it as visually off balance).

The fix replaces the fixed anchor with the grammar the start screen already uses (session-new-view): flex centring plus a pb-24 lift, so the group sits at the optical centre — slightly above geometric centre — at any panel height. At the webview's proportions the above:below ratio goes from ~1:1.8 to ~1:1.2, and unlike the fixed anchor it holds as the panel grows (the old code degrades to ~1:2.2 at taller panels).

Verified live on :3004 at 815×994 (the webview's css proportions), both schemes. oxlint (baseline), tsgo -b clean.

Summary by CodeRabbit

  • Style
    • Improved the new-session screen layout by vertically centering the content within the available panel space.
    • Added bottom spacing to improve visual balance and positioning across screen sizes.

Upstream anchored the group's top at a fixed 25.375% of the panel — tuned
for a wide desktop window. In the tall Amicode webview that beached the
mark and composer in the upper third with a hold of empty space below.
Replace the anchor with the same grammar the start screen already uses
(session-new-view): flex centring plus a pb lift, so the group sits at the
optical centre at any panel height.
@coderabbitai

coderabbitai Bot commented Aug 25, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: ee51f844-8963-4c8d-8f93-7461e7dfbb74

📥 Commits

Reviewing files that changed from the base of the PR and between c67d610 and befe048.

📒 Files selected for processing (1)
  • packages/app/src/pages/new-session/new-session-view.tsx

Included review availability: Your plan provides up to 10 included reviews per hour; 8 remain after this review.


📝 Walkthrough

Walkthrough

The new-session content group now uses full-panel flex centering with bottom padding instead of a fixed vertical offset.

Changes

New-session layout

Layer / File(s) Summary
Center new-session content
packages/app/src/pages/new-session/new-session-view.tsx
The content group uses absolute full-panel flex centering with pb-24 bottom padding.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Merge Risk: ⚪ Minimal · up to befe0

This localized layout change centers the landing mark and composer more consistently across panel heights, with no actionable merge-blocking risk remaining after normal checks and review.

Suggested reviewers: jeonghun-jj-lee, aarontrowbridge

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 warnings)

Check name Status Explanation Resolution
Description check ⚠️ Warning The description explains the problem, implementation, rationale, and verification results. It omits required template sections for the issue, change type, screenshots or recordings for this UI change,… Complete the template by adding the issue reference, selecting the change type, adding screenshots or a recording, and confirming the checklist items.
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 1 functions across 1 files. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly and concisely describes the main layout change: optical centering of the draft landing mark and composer.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Full details: Description check

Explanation

The description explains the problem, implementation, rationale, and verification results. It omits required template sections for the issue, change type, screenshots or recordings for this UI change, and checklist confirmations.

✨ Finishing Touches 💡 2
📝 Generate docstrings 💡
  • Create stacked PR
  • Commit on current branch
🛠️ Fix failing CI checks 💡
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch kate/landing-optical-center

Comment @coderabbitai help to get the list of available commands.

@kateebonner

Copy link
Copy Markdown
Contributor Author

Consolidated into #249 (one PR for the day's chat polish, Kate's call) — the landing-centering commit is in that branch verbatim.

@kateebonner
kateebonner deleted the kate/landing-optical-center branch August 25, 2026 03:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant