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

style(dashboard-parity): align builder list headers and action button treatments

Browse source
This commit is contained in:
Ashwin Kumar 2026-03-20 16:08:09 +01:00
parent 96ebcad709
commit 78d03e67fb
3 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app.css
View file

@ -797,6 +797,11 @@ body {
background: #fff7ed; background: #fff7ed;
} }
.list-table-soft-head thead th {
background: #f8fafc;
color: #64748b;
}
.align-right { .align-right {
text-align: right !important; text-align: right !important;
} }

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

@ -261,14 +261,14 @@ export default function ExternalDashboardManagementPage() {
<h2 class="page-title" style="font-size:20px">External Dashboard List</h2> <h2 class="page-title" style="font-size:20px">External Dashboard List</h2>
<p class="page-subtitle">Choose one external role dashboard to open in the builder, or create a new one.</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 primary" onClick={createDashboard} disabled={creating()}>
{creating() ? 'Creating...' : 'Create External Dashboard'} {creating() ? 'Creating...' : 'Create External Dashboard'}
</button> </button>
</div> </div>
<Show when={error()}><div class="error-box">{error()}</div></Show> <Show when={error()}><div class="error-box">{error()}</div></Show>
<section class="card" style="padding: 0; overflow: hidden;"> <section class="card" style="padding: 0; overflow: hidden;">
<div class="table-wrap"> <div class="table-wrap">
<table class="list-table"> <table class="list-table list-table-soft-head">
<thead> <thead>
<tr> <tr>
<th>Role</th> <th>Role</th>
@ -317,7 +317,7 @@ export default function ExternalDashboardManagementPage() {
</div> </div>
<div class="builder-header-actions"> <div class="builder-header-actions">
<button class="btn" onClick={() => setSelectedId('')}>Back to List</button> <button class="btn" onClick={() => setSelectedId('')}>Back to List</button>
<button class="btn navy" onClick={saveSelected} disabled={saving()}> <button class="btn primary" onClick={saveSelected} disabled={saving()}>
{saving() ? 'Saving...' : 'Save Dashboard'} {saving() ? 'Saving...' : 'Save Dashboard'}
</button> </button>
</div> </div>

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

@ -307,7 +307,7 @@ export default function InternalDashboardManagementPage() {
<Show when={error()}><div class="error-box">{error()}</div></Show> <Show when={error()}><div class="error-box">{error()}</div></Show>
<section class="card" style="padding: 0; overflow: hidden;"> <section class="card" style="padding: 0; overflow: hidden;">
<div class="table-wrap"> <div class="table-wrap">
<table class="list-table"> <table class="list-table list-table-soft-head">
<thead> <thead>
<tr> <tr>
<th>Role</th> <th>Role</th>
@ -356,7 +356,7 @@ export default function InternalDashboardManagementPage() {
</div> </div>
<div class="builder-header-actions"> <div class="builder-header-actions">
<button class="btn" onClick={() => setSelectedId('')}>Back to List</button> <button class="btn" onClick={() => setSelectedId('')}>Back to List</button>
<button class="btn navy" onClick={saveSelected} disabled={saving()}> <button class="btn primary" onClick={saveSelected} disabled={saving()}>
{saving() ? 'Saving...' : 'Save Dashboard'} {saving() ? 'Saving...' : 'Save Dashboard'}
</button> </button>
</div> </div>