Update app.py
Browse files
app.py
CHANGED
@@ -340,13 +340,15 @@ custom_css = """
|
|
340 |
#component-0 { height: 100vh; overflow-y: auto; padding: 1rem; box-sizing: border-box; }
|
341 |
.container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; height: 100%; }
|
342 |
.header { text-align: center; margin-bottom: 1rem; }
|
343 |
-
.main-content { display: flex; flex-wrap: wrap; gap: 1rem; flex-grow: 1; overflow-y: auto; }
|
344 |
.input-section, .segment-controls, .options-section, .output-section {
|
345 |
background-color: var(--neutral-color);
|
346 |
border-radius: var(--border-radius);
|
347 |
padding: 1rem;
|
348 |
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
349 |
flex: 1 1 300px;
|
|
|
|
|
350 |
}
|
351 |
.segment-input, .time-input, .button-row {
|
352 |
display: flex;
|
|
|
340 |
#component-0 { height: 100vh; overflow-y: auto; padding: 1rem; box-sizing: border-box; }
|
341 |
.container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; height: 100%; }
|
342 |
.header { text-align: center; margin-bottom: 1rem; }
|
343 |
+
.main-content { display: flex; flex-wrap: wrap; gap: 1rem; flex-grow: 1; overflow-y: auto; max-height: calc(100vh - 150px); }
|
344 |
.input-section, .segment-controls, .options-section, .output-section {
|
345 |
background-color: var(--neutral-color);
|
346 |
border-radius: var(--border-radius);
|
347 |
padding: 1rem;
|
348 |
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
349 |
flex: 1 1 300px;
|
350 |
+
max-height: 100%;
|
351 |
+
overflow-y: auto;
|
352 |
}
|
353 |
.segment-input, .time-input, .button-row {
|
354 |
display: flex;
|