Ref keeps the page title row at its default alignment and centres only the
heading, rules the yearbook selector row with 1px gray edges, and lets the log
panels overflow instead of clipping. The shared Lumen control family gets Ref's
middle baseline, and the general grid drops a bottom rule and clip that Ref does
not have.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Ref's `.bg0/.bg1/.bg2` set only a background image and `html, body` centre the
texture with vertical tiling, so the extra background colours and the default
tiling are removed. Two ranking views declared unscoped `body` rules that leaked
a 500px min-width and a 21px line-height onto every screen; each page now owns
its own contract. Controls that Ref renders with the Bootstrap/Lumen family get
the shared modifier so the bottom edge moves on hover and while pressed.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
- Add index.html as the entry point for the application.
- Create App.vue to serve as the main application component with RouterView.
- Implement global styles in main.css using Tailwind CSS.
- Set up TypeScript definitions for Vue components in env.d.ts.
- Configure Vue Router with routes for home, public, login, and not found views.
- Extend RouteMeta interface to include authentication-related metadata.
- Create a Pinia store for session management with status tracking.
- Implement TRPC client for API communication with session token handling.
- Develop views for Login, Main, Not Found, and Public with basic structure.
- Configure TypeScript for Node with tsconfig.node.json.
- Set up Vite configuration for the project with Vue and Tailwind CSS plugins.
Hide_D
