Conversation
added 2 commits
April 12, 2026 20:36
Replace custom one-off .admin-container/.dash-container CSS with unified dashboard design system that uses shared page_shell classes (.card, .badge, .info-table, .btn, .key-display). Switch to page_shell_custom for header control. Consolidate admin and subscriber CSS into shared dashboard_css() function. Polish typography, spacing, and visual hierarchy for both views. Add card--accent and card--empty variants, cleaner keys/workers tables, and improved responsive breakpoints.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Complete design overhaul of the dashboard page — the one page that got skipped during the UI/UX overhaul.
Why
Every other page (landing, signup, settings, integrations, error pages, shared CSS) got polished during the ModelRelay Cloud UI/UX overhaul. The dashboard — where paying users actually live — was never touched because the planning loop couldn't easily screenshot it behind the login wall.
Changes
page_shell_custom— removes generic<h1>Dashboard</h1>, replaces with contextual header showing email + role badgedashboard_css()function — shared styles for both admin and subscriber views, eliminating duplication.admin-container/.dash-containerreplaced with design system classes (.card,.badge,.info-table,.btn,.key-displayfrom page_shell).card--accent(purple left border for hero cards),.card--empty(dashed border CTA state).keys-tablewith uppercase column headers, cleaner spacing, refined revoke button.workers-tablewith consistent uppercase headers and muted model text.dash-section-labelfor section organization,.dash-headerfor welcome area.dash-linksgrid with hover lift effect.dash-skelanimation across both viewsDesign philosophy
Follows the same Linear/Stripe Dashboard quality bar applied to other pages: clean section labels, intentional card hierarchy, proper spacing, muted metadata, and clear CTAs.