Spaces:
Running
Running
Komalpreet Kaur commited on
fix: increase graph container height to 700px on mobile
Browse files
frontend/src/components/KnowledgeGraph.css
CHANGED
|
@@ -443,8 +443,8 @@
|
|
| 443 |
.graph-network-container {
|
| 444 |
padding-left: 0 !important;
|
| 445 |
border-radius: 16px !important;
|
| 446 |
-
height:
|
| 447 |
-
min-height:
|
| 448 |
width: 100% !important;
|
| 449 |
flex: none !important;
|
| 450 |
position: relative !important;
|
|
|
|
| 443 |
.graph-network-container {
|
| 444 |
padding-left: 0 !important;
|
| 445 |
border-radius: 16px !important;
|
| 446 |
+
height: 700px !important;
|
| 447 |
+
min-height: 700px !important;
|
| 448 |
width: 100% !important;
|
| 449 |
flex: none !important;
|
| 450 |
position: relative !important;
|
frontend/src/components/KnowledgeGraph.jsx
CHANGED
|
@@ -56,7 +56,7 @@ function KnowledgeGraph({ refreshTick }) {
|
|
| 56 |
const { width, height } = entry.contentRect;
|
| 57 |
const isMobile = window.innerWidth < 768;
|
| 58 |
const adjustedWidth = isMobile ? (window.innerWidth - 32) : width;
|
| 59 |
-
const adjustedHeight = isMobile ?
|
| 60 |
setDimensions({ width: adjustedWidth || 800, height: adjustedHeight || 500 });
|
| 61 |
}
|
| 62 |
});
|
|
|
|
| 56 |
const { width, height } = entry.contentRect;
|
| 57 |
const isMobile = window.innerWidth < 768;
|
| 58 |
const adjustedWidth = isMobile ? (window.innerWidth - 32) : width;
|
| 59 |
+
const adjustedHeight = isMobile ? 700 : height;
|
| 60 |
setDimensions({ width: adjustedWidth || 800, height: adjustedHeight || 500 });
|
| 61 |
}
|
| 62 |
});
|