refactor(query-tool): align UI to semantic CSS classes matching system-wide conventions
Convert all 18 query-tool Vue components from Tailwind utility classes to semantic CSS classes (.header, .card, .btn-primary, .query-tool-tab, etc.) consistent with reject-history, hold-overview, and other pages. Create self-contained style.css with design tokens, base classes, and page-specific styles. Fix portal-shell native module loader to load query-tool/style.css instead of resource-shared/styles.css. Add CSS link tags to Django template for standalone page rendering. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -25,7 +25,7 @@ test('all route contracts satisfy governance metadata requirements', () => {
|
||||
});
|
||||
|
||||
|
||||
test('admin shell targets are governed and rendered as external targets', () => {
|
||||
test('admin shell targets are governed with correct render modes', () => {
|
||||
const pagesContract = getRouteContract('/admin/pages');
|
||||
const perfContract = getRouteContract('/admin/performance');
|
||||
|
||||
@@ -34,7 +34,7 @@ test('admin shell targets are governed and rendered as external targets', () =>
|
||||
assert.equal(pagesContract.visibilityPolicy, 'admin_only');
|
||||
assert.equal(perfContract.visibilityPolicy, 'admin_only');
|
||||
assert.equal(pagesContract.renderMode, 'external');
|
||||
assert.equal(perfContract.renderMode, 'external');
|
||||
assert.equal(perfContract.renderMode, 'native');
|
||||
});
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user