thinkwee
commited on
Commit
·
e5e8568
1
Parent(s):
b18342d
fix report
Browse files
app.py
CHANGED
|
@@ -83,7 +83,7 @@ body, gradio-app {
|
|
| 83 |
.gradio-container {
|
| 84 |
max-width: none !important;
|
| 85 |
width: 100% !important;
|
| 86 |
-
height: 100vh !important;
|
| 87 |
padding: 0 !important;
|
| 88 |
margin: 0 !important;
|
| 89 |
}
|
|
@@ -97,7 +97,8 @@ body, gradio-app {
|
|
| 97 |
|
| 98 |
/* Sidebar Styling */
|
| 99 |
.app-sidebar {
|
| 100 |
-
height:
|
|
|
|
| 101 |
overflow-y: auto !important;
|
| 102 |
padding: 20px !important;
|
| 103 |
border-right: 1px solid #e5e7eb;
|
|
@@ -105,13 +106,17 @@ body, gradio-app {
|
|
| 105 |
|
| 106 |
/* Main Content Area */
|
| 107 |
.app-content {
|
| 108 |
-
height:
|
|
|
|
| 109 |
padding: 0 !important;
|
| 110 |
}
|
| 111 |
|
| 112 |
/* The Magic Scroll Container - Clean and Explicit */
|
| 113 |
.scrollable-report-area {
|
| 114 |
-
|
|
|
|
|
|
|
|
|
|
| 115 |
overflow-y: auto !important;
|
| 116 |
padding: 24px;
|
| 117 |
background-color: #f9fafb;
|
|
|
|
| 83 |
.gradio-container {
|
| 84 |
max-width: none !important;
|
| 85 |
width: 100% !important;
|
| 86 |
+
/* height: 100vh !important; <-- Removed to prevent iframe infinite loop */
|
| 87 |
padding: 0 !important;
|
| 88 |
margin: 0 !important;
|
| 89 |
}
|
|
|
|
| 97 |
|
| 98 |
/* Sidebar Styling */
|
| 99 |
.app-sidebar {
|
| 100 |
+
height: auto !important;
|
| 101 |
+
max-height: calc(100vh - 100px) !important;
|
| 102 |
overflow-y: auto !important;
|
| 103 |
padding: 20px !important;
|
| 104 |
border-right: 1px solid #e5e7eb;
|
|
|
|
| 106 |
|
| 107 |
/* Main Content Area */
|
| 108 |
.app-content {
|
| 109 |
+
height: auto !important;
|
| 110 |
+
max-height: calc(100vh - 100px) !important;
|
| 111 |
padding: 0 !important;
|
| 112 |
}
|
| 113 |
|
| 114 |
/* The Magic Scroll Container - Clean and Explicit */
|
| 115 |
.scrollable-report-area {
|
| 116 |
+
/* Fixed height relative to viewport can cause loops in Spaces */
|
| 117 |
+
max-height: 800px !important;
|
| 118 |
+
height: auto !important;
|
| 119 |
+
min-height: 500px !important;
|
| 120 |
overflow-y: auto !important;
|
| 121 |
padding: 24px;
|
| 122 |
background-color: #f9fafb;
|