Settings: relax 480px panel cap and align account row right side (#47)

- Bump .settings-panel max-width 480px → 760px so settings page actually
  uses available desktop width (the 480px cap was a leftover from an
  initial mobile-first sketch).
- Account row main grid columns become fixed: 28px tag · 1fr email ·
  60px plan · 180px expiry. Plan and expiry badges now line up
  vertically across rows regardless of email length.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Eyejoker
2026-04-27 22:11:59 +09:00
committed by GitHub
parent 7047caa608
commit 2f7e09e194

View File

@@ -722,7 +722,8 @@ button:disabled {
.settings-panel { .settings-panel {
display: grid; display: grid;
gap: 14px; gap: 14px;
max-width: 480px; max-width: 760px;
width: 100%;
} }
.settings-row { .settings-row {
@@ -909,7 +910,7 @@ button:disabled {
.settings-account-main { .settings-account-main {
display: grid; display: grid;
grid-template-columns: 28px minmax(0, 1fr) auto auto; grid-template-columns: 28px minmax(0, 1fr) 60px 180px;
gap: 10px; gap: 10px;
align-items: center; align-items: center;
min-width: 0; min-width: 0;