ui: fix dashboard overflow and overlap with sidebar

2026-04-08 00:44:33 -04:00
parent d139729fa2
commit db9a2699b9
2 changed files with 6 additions and 2 deletions
--- a/decnet_web/src/components/Layout.css
+++ b/decnet_web/src/components/Layout.css
@@ -14,6 +14,7 @@
  flex-direction: column;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
+  flex-shrink: 0;
 }

 .sidebar.open {
@@ -108,6 +109,7 @@
  display: flex;
  flex-direction: column;
  overflow: hidden;
+  min-width: 0;
 }

 /* Topbar Styling */
@@ -127,7 +129,8 @@
  background-color: var(--secondary-color);
  border: 1px solid var(--border-color);
  padding: 4px 12px;
-  width: 400px;
+  max-width: 400px;
+  width: 100%;
 }

 .search-icon {