Give every page the share pages' layout, at one width

The pages were built five ways: two layouts, seven widths from 28 to
64rem and four heading styles. Every page now looks like the share
pages: a centred heading over one 40rem column of outlined cards, with
the floating toolbar below.

- <x-page> (components/page.blade.php) is the root of every page. It
  draws the h1 and its line (`brand` takes the site's logo, title and
  description from Admin settings), an optional `mark` and `navigation`
  slot, then the content. It has no width prop: every page is the same
  <x-pane width="narrow">.
- The sign-in, password reset, confirm, verify email, two-factor
  challenge, setup and system password pages move onto layouts/app with
  the brand heading and their form in a card titled with the task.
  layouts/auth, auth-header and the settings heading partial are gone,
  and so is the per-page width CSS.
- Settings put their section nav under the heading; the admin pages get
  a description line each. FileUploader and ShareDownload no longer pass
  the branding to their views.
- The admin dashboard's table needed about 49rem, so its shares are a
  list: created above the token, which opens the share, then files,
  size, downloads and expiry on two lines that wrap instead of clipping,
  and one delete button. A "Sort by" select replaces the column headers
  (newest, oldest, expiring soonest with never-expiring last, largest,
  most downloads, most files) and resets the page. The stats stay two
  by two. table.css and sort-header.css are no longer imported.
- Branding hints in Admin settings name every page the title shows on.
- Tests: PageTemplateTest renders every page once and checks one page
  template, one h1 and the width, and the brand heading with its
  fallbacks. FrameTest measures the page column instead of the auth
  card and the 64rem main; dashboard tests follow the list and the sort
  select, including expiry order. .ai/rules/views.md records <x-page>,
  the CHANGELOG notes the change and the website screenshots are
  regenerated.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Andreas Reinhold / reini
2026-09-16 21:42:04 +02:00
co-authored by Claude Opus 5
parent 40e35bab0e
commit 5853f1f7d6
77 changed files with 1234 additions and 1243 deletions
+3 -3
View File
@@ -11,7 +11,7 @@ use Illuminate\Support\Facades\Storage;
* The walk: every page's chrome and content across M3's breakpoint edges 599, 600, 839, 840,
* 1199, 1200, 1600px, height 900, light theme one visit per page, reused across widths by
* resizing the same page rather than revisiting it. FrameTest.php and SettingsAndAdminTest.php
* already assert the app-main margin, the auth card's alignment and the stat grid's column count
* already assert the app-main margin, the page column's width and the stat grid's column count
* at their own boundary for the pages they cover; this file re-asserts those three plus the
* section navigation's picker/tab-bar switch (untested until now), and walks every page group A/B/C
* left unchecked at a breakpoint: the rest of the auth flow, the setup wizard, the system password
@@ -243,9 +243,9 @@ test('the admin dashboard holds at every breakpoint', function () {
}
});
// <x-grid :columns="['compact' => 2, 'expanded' => 4]">: 2 columns below `expanded` (840px), 4 from it.
// <x-grid :columns="2">: two columns at every width, since the page's column is 40rem at all of them.
expect($columns[839])->toBe(2);
expect($columns[840])->toBe(4);
expect($columns[840])->toBe(2);
});
test('the admin settings page holds at every breakpoint', function () {