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

ui: fix dashboard overflow and overlap with sidebar

Browse Source
This commit is contained in:
anti
2026-04-08 00:44:33 -04:00
parent d139729fa2
commit db9a2699b9
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -154,7 +154,8 @@ const Dashboard: React.FC<DashboardProps> = ({ searchQuery }) => {
backgroundColor: 'rgba(0, 255, 65, 0.1)', backgroundColor: 'rgba(0, 255, 65, 0.1)',
padding: '2px 8px', padding: '2px 8px',
borderRadius: '4px', borderRadius: '4px',
border: '1px solid rgba(0, 255, 65, 0.3)' border: '1px solid rgba(0, 255, 65, 0.3)',
wordBreak: 'break-all'
}}> }}>
<span style={{ opacity: 0.6 }}>{k}:</span> {v} <span style={{ opacity: 0.6 }}>{k}:</span> {v}
</span> </span>

5
decnet_web/src/components/Layout.css
View File

@@ -14,6 +14,7 @@
flex-direction: column; flex-direction: column;
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden; overflow: hidden;
flex-shrink: 0;
} }
.sidebar.open { .sidebar.open {
@@ -108,6 +109,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
min-width: 0;
} }
/* Topbar Styling */ /* Topbar Styling */
@@ -127,7 +129,8 @@
background-color: var(--secondary-color); background-color: var(--secondary-color);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
padding: 4px 12px; padding: 4px 12px;
width: 400px; max-width: 400px;
width: 100%;
} }
.search-icon { .search-icon {