Files
worldquant-alpha-system/frontend/src/backtests/style.css
T

84 lines
1.5 KiB
CSS
Raw Normal View History

.backtest-page {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
min-width: 0;
gap: 12px;
}
.backtest-toolbar {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.backtest-toolbar .semi-select {
min-width: 144px;
}
.backtest-spacer {
flex: 1;
}
.backtest-sheet {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.backtest-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 16px;
}
.backtest-form-grid .semi-input-number {
width: 100%;
}
.backtest-sheet pre {
font-size: 12px;
white-space: pre-wrap;
overflow-wrap: anywhere;
margin: 8px 0;
}
.backtest-sheet .semi-table-row-cell {
font-weight: 400;
}
.backtest-sheet .semi-table-row-cell .semi-button-content {
overflow: hidden;
text-overflow: ellipsis;
}
.backtest-sheet .semi-table-row-cell .semi-button {
max-width: 100%;
}
.backtest-attempt {
border-bottom: 1px solid var(--line);
padding: 12px 0;
}
.backtest-attempt code {
display: block;
color: var(--muted);
overflow-wrap: anywhere;
}
.backtest-item-detail {
border-top: 1px solid var(--line);
padding-top: 12px;
}
.backtest-item-detail h3 {
margin: 0;
}
.backtest-page-view {
height: 100%;
min-height: 0;
}
.backtest-tool-summary {
display: flex;
flex-direction: column;
gap: 8px;
}
@media (max-width: 640px) {
.backtest-form-grid {
grid-template-columns: minmax(0, 1fr);
}
.backtest-toolbar {
gap: 8px;
}
}