Skip to content

fix(manager): polish mobile shell and agents modal#916

Open
lumberman wants to merge 7 commits into
mainfrom
pr-827
Open

fix(manager): polish mobile shell and agents modal#916
lumberman wants to merge 7 commits into
mainfrom
pr-827

Conversation

@lumberman
Copy link
Copy Markdown
Collaborator

Summary

  • polish the manager mobile shell with tighter header/nav behavior, safer overlay bounds, and cleaner coverage-page spacing
  • refine the agents dashboard mobile layout by reducing separator noise and repairing the new-automation modal sheet
  • add roadmap tickets for the completed follow-up polish work and keep the notifications-in-profile-menu item as a not-started follow-up

Testing

  • pnpm --filter @forge/manager lint
  • pnpm --filter @forge/manager typecheck
  • git diff --check

Scale down oversized auth shell elements so they fit tablet viewports
without reflowing: shrink "STUDIO ACCESS" eyebrow, "Sign in" heading,
subtitle, scripture quote, Acts citation, and Alpha pill to more
proportional sizes. Inline the opening decorative quote below lg so it
no longer floats outside the paragraph on mobile. Tighten login form
inputs (h-16 → h-11, px-8 → px-4, rounded-[1.75rem] → rounded-xl) and
group each label+input so spacing is controlled per-field instead of
form-wide. Also reduce the coverage progress bar from h-7 to h-5 to
match the pre-tailwind visual density.
Iterative visual refinements to the login shell based on design review:

- Mobile form now anchors to top (items-start) with reduced top spacing
  (max-md:pt-4 pb-8) so the card sits closer to the header.
- Form column narrowed to 480px, centered on mobile/tablet, left-aligned
  at md+; card uses py-6 (sm:py-10) and a 1.5rem radius.
- Header block margin tightened (mb-6 sm:mb-8), eyebrow shrunk to 11px,
  H1 sits at 30px with no top margin, subtitle at 14px with tighter
  leading.
- Alpha pill uses a 2px border for stronger presence against the photo.
- Studio wordmark and scripture quote replace a single drop-shadow with
  a multi-layer text-shadow (hairline edge + close contact + mid ambient
  + atmospheric glow) so text reads cleanly over bright backgrounds
  without the cost of stacked blur filters.
- Scripture quote scales 22/32/42/52px across base/sm/md/lg with the
  hanging opening quote offset refined to -0.55em. Wrapper takes the
  full aside width.
- Acts citation restyled as an uppercase 12px tracking-[0.14em] label
  with a matching stacked text-shadow.
@railway-app
Copy link
Copy Markdown

railway-app Bot commented May 8, 2026

🚅 Deployed to the forge-pr-916 environment in forge

Service Status Web Updated (UTC)
@forge/cms ✅ Success (View Logs) May 20, 2026 at 2:21 am
@forge/manager ✅ Success (View Logs) May 8, 2026 at 9:18 pm
@forge/roadmap ✅ Success (View Logs) May 8, 2026 at 9:14 pm
5 services not affected by this PR
  • @forge/admin/redis
  • @forge/admin/db
  • @forge/web
  • @forge/admin
  • @forge/agentic

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