anti/DECNET
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): dashboard panel heights + missing icon

Browse Source 
- Use height: 480px on .dash-grid so both columns are the same height;
  side panels split that height via flex instead of their own max-height
- Add LayoutDashboard icon to the DASHBOARD page header
This commit is contained in:
anti
2026-04-30 00:24:27 -04:00
parent fbc9877ef2
commit b364c41736
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
decnet_web/src/components/Dashboard.css
View File

@@ -260,13 +260,14 @@
display: grid; display: grid;
grid-template-columns: 2fr 1fr; grid-template-columns: 2fr 1fr;
gap: 16px; gap: 16px;
flex: 1; height: 480px;
min-height: 0;
} }
.dash-grid > .logs-section { .dash-grid > .logs-section {
max-height: 480px;
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: column;
min-height: 0;
} }
.dash-grid > .logs-section .logs-table-container { .dash-grid > .logs-section .logs-table-container {
@@ -286,7 +287,6 @@
flex: 1; flex: 1;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
max-height: 300px;
} }
.dash-side > .logs-section .panel-body { .dash-side > .logs-section .panel-body {

7
decnet_web/src/components/Dashboard.tsx
View File

@@ -1,7 +1,7 @@
import React, { useEffect, useMemo, useRef, useState } from 'react'; import React, { useEffect, useMemo, useRef, useState } from 'react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import './Dashboard.css'; import './Dashboard.css';
import { Shield, Users, Activity, Clock, Paperclip, Crosshair, Flame, Archive, ShieldOff, Server } from '../icons'; import { Shield, Users, Activity, Clock, Paperclip, Crosshair, Flame, Archive, ShieldOff, Server, LayoutDashboard } from '../icons';
import { parseEventBody } from '../utils/parseEventBody'; import { parseEventBody } from '../utils/parseEventBody';
import ArtifactDrawer from './ArtifactDrawer'; import ArtifactDrawer from './ArtifactDrawer';
import EmptyState from './EmptyState/EmptyState'; import EmptyState from './EmptyState/EmptyState';
@@ -223,7 +223,10 @@ const Dashboard: React.FC<DashboardProps> = ({ searchQuery }) => {
<div className="dashboard"> <div className="dashboard">
<div className="page-header"> <div className="page-header">
<div className="page-title-group"> <div className="page-title-group">
<h1>DASHBOARD</h1> <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
<LayoutDashboard size={22} className="violet-accent" />
<h1>DASHBOARD</h1>
</div>
<span className="page-sub">SECTOR · {sector} · LIVE</span> <span className="page-sub">SECTOR · {sector} · LIVE</span>
</div> </div>
<div className="section-actions"> <div className="section-actions">