ashwin/nxtgauge-admin-solid
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(dashboard-builder): align builder page shells with next layout

Browse source
This commit is contained in:
Ashwin Kumar 2026-03-19 21:08:17 +01:00
parent 0cff46ec82
commit 12396a81c5
2 changed files with 34 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/routes/admin/external-dashboard-management/index.tsx
View file

@ -239,12 +239,27 @@ export default function ExternalDashboardManagementPage() {
return ( return (
<AdminShell> <AdminShell>
<div class="page-hero-card page-actions">
<div>
<h1 class="page-title">External Dashboard Management</h1>
<p class="page-subtitle">Use the tabs and open one external dashboard at a time from the list below.</p>
</div>
<a class="btn" href="/admin">Back to Dashboard</a>
</div>
<div class="admin-link-tabs" style="margin-bottom:14px">
<a class="admin-link-tab active" href="#builder">View Dashboards</a>
<a class="admin-link-tab" href="#builder">Open Builder</a>
</div>
<div id="builder" />
{/* ---------- List View ---------- */} {/* ---------- List View ---------- */}
<Show when={!selected()}> <Show when={!selected()}>
<div class="page-actions"> <div class="page-actions">
<div> <div>
<h1 class="page-title">External Dashboard Management</h1> <h2 class="page-title" style="font-size:20px">External Dashboard List</h2>
<p class="page-subtitle">Build and manage external role dashboards — sidebar labels, modules, and default routes.</p> <p class="page-subtitle">Choose one external role dashboard to open in the builder, or create a new one.</p>
</div> </div>
<button class="btn navy" onClick={createDashboard} disabled={creating()}> <button class="btn navy" onClick={createDashboard} disabled={creating()}>
{creating() ? 'Creating...' : 'Create External Dashboard'} {creating() ? 'Creating...' : 'Create External Dashboard'}

19
src/routes/admin/internal-dashboard-management/index.tsx
View file

@ -279,11 +279,26 @@ export default function InternalDashboardManagementPage() {
// ---------- List view ---------- // ---------- List view ----------
return ( return (
<AdminShell> <AdminShell>
<div class="page-hero-card page-actions">
<div>
<h1 class="page-title">Internal Dashboard Management</h1>
<p class="page-subtitle">Use the tabs and open one internal dashboard at a time from the list below.</p>
</div>
<a class="btn" href="/admin">Back to Dashboard</a>
</div>
<div class="admin-link-tabs" style="margin-bottom:14px">
<a class="admin-link-tab active" href="#builder">View Dashboards</a>
<a class="admin-link-tab" href="#builder">Open Builder</a>
</div>
<div id="builder" />
<Show when={!selected()}> <Show when={!selected()}>
<div class="page-actions"> <div class="page-actions">
<div> <div>
<h1 class="page-title">Internal Dashboard Management</h1> <h2 class="page-title" style="font-size:20px">Internal Dashboard List</h2>
<p class="page-subtitle">Build and manage internal role dashboards — sidebar, sections, tabs, fields, and widgets.</p> <p class="page-subtitle">Choose one internal dashboard to open in the builder, or create a new dashboard for an internal role.</p>
</div> </div>
<button class="btn navy" onClick={createDashboard} disabled={creating()}> <button class="btn navy" onClick={createDashboard} disabled={creating()}>
{creating() ? 'Creating...' : 'Create Internal Dashboard'} {creating() ? 'Creating...' : 'Create Internal Dashboard'}