Spaces:
Running
Running
File size: 1,916 Bytes
e621ff0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | /* Only loaded by the model viewer; the loading screen keeps normal page flow. */
[data-testid="stMainBlockContainer"] {
padding: 3rem 1.5rem .5rem;
max-width: none;
}
[data-testid="stMain"] { overflow: hidden; }
.st-key-chart_pane {
position: fixed;
top: 6.5rem;
left: 1.5rem;
right: 1.5rem;
width: auto !important;
height: calc(50dvh - 4rem) !important;
min-height: 140px;
overflow: hidden;
padding: .25rem;
}
.st-key-controls_pane {
position: fixed;
top: calc(50dvh + 3rem);
bottom: .75rem;
left: 1.5rem;
right: 1.5rem;
width: auto !important;
height: auto !important;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
padding: .75rem 1rem;
border-top: 1px solid rgba(128, 128, 128, .25);
}
.st-key-controls_pane [data-testid="stSubheader"] { padding-top: 0; }
.st-key-controls_pane [data-testid="stMetricValue"] { font-size: 1.5rem; }
@media (min-width: 851px) and (max-width: 1250px) {
.st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] { flex-wrap: wrap; }
.st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] > [data-testid="stColumn"] {
width: calc(50% - 1rem) !important;
flex: 1 1 calc(50% - 1rem) !important;
}
}
@media (max-width: 850px) {
[data-testid="stMainBlockContainer"] { padding-left: .5rem; padding-right: .5rem; }
.st-key-chart_pane, .st-key-controls_pane { left: .5rem; right: .5rem; }
.st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] { flex-direction: column; }
.st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] > [data-testid="stColumn"] {
width: 100% !important;
flex: 1 1 auto !important;
}
}
|