Files
godot-benchmarks/web/static/main.css
Lukas Tenbrink 5a0c43c8c7 Replace ApexCharts with Plotly.js (#117)
- Use 1200px as website width, and make it a 3-column layout.
- Switch graphs to log y scale, and show 0.2x to 5x by default.

ApexCharts currently struggles with log y scales, glitches with outliers
(at least in Safari), and does not support extensive graph interaction
(like double clicking traces to isolate, and the toolbar).
2025-08-20 01:32:28 +02:00

44 lines
808 B
CSS

/* See `thirdparty/water.css` for CSS variables that can be used here. */
p, li {
line-height: 1.6;
}
footer {
text-align: center;
}
body {
max-width: 1200px;
}
header {
background-color: var(--background);
border-radius: 0 0 6px 6px;
padding: .75rem 2rem;
margin-top: -1.25rem;
margin-bottom: 2rem;
}
.site-title {
color: var(--text-bright);
font-weight: bold;
font-size: 1.25rem;
border-radius: 6px;
}
/* Automatically resize the left column to take as little space as required. */
.table-first-column-align-right {
width: auto;
}
/* Align first column to the right to improve readability in some situations. */
.table-first-column-align-right tr td:first-of-type {
text-align: right;
width: 1%;
white-space: nowrap;
/* Style the first column as headings. */
font-weight: bold;
}