Skip to content

Responsive form/grid refactor and remove username column from vault table#523

Merged
capaj merged 5 commits into
mainfrom
codex/improve-form-layout-to-two-columns
Jul 11, 2026
Merged

Responsive form/grid refactor and remove username column from vault table#523
capaj merged 5 commits into
mainfrom
codex/improve-form-layout-to-two-columns

Conversation

@capaj

@capaj capaj commented Jul 4, 2026

Copy link
Copy Markdown
Collaborator

Motivation

  • Reduce horizontal scrolling and make add/edit secret forms responsive by switching from stacked layouts to a two-column grid on wider screens.
  • Simplify the main vault table and reclaim space by removing the username column from the table list.

Description

  • Adjusted the vault TableList grid: updated tableGridStyle column sizes, reduced min-w values, removed the username column and its getSecretUsername usage, and updated row rendering accordingly.
  • Converted edit/detail forms in VaultItemSettings to a responsive two-column grid by changing form wrappers to grid w-full gap-5 md:grid-cols-2 and moved PasswordGenerator, EditFormButtons, and error panels into md:col-span-2 containers for full-width on small screens.
  • Updated add-item components (AddLogin, AddTOTP, and AddItem) to use responsive layouts: switched wrappers to grid-based layouts, ensured password/secret fields and action buttons span the full width on small screens, and tightened container widths (max-w-5xl and adjusted select sizing).
  • Minor UI tweaks include label margin fixes, repositioning of number fields, and small className / prop additions (e.g. TextField now accepts className).

Testing

  • Type-checked the project with the TypeScript build (yarn build / tsc) and confirmed there are no type errors in the touched files.
  • Ran the existing test suite (yarn test) and component/unit tests for the vault pages, and they completed successfully.

Codex Task

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 4, 2026

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
authier-api 6b2354f Commit Preview URL

Branch Preview URL
Jul 09 2026, 11:57 PM

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 4, 2026

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
authier-vault-web 6b2354f Commit Preview URL

Branch Preview URL
Jul 10 2026, 12:00 AM

@socket-security

socket-security Bot commented Jul 9, 2026

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addednpm/​@​types/​object-hash@​3.0.61001007180100
Addednpm/​@​types/​fs-extra@​11.0.41001007580100
Addednpm/​@​types/​ms@​2.1.01001009480100
Addednpm/​fs-extra@​11.3.610010010090100

View full report

@capaj
capaj merged commit c0677a9 into main Jul 11, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant