Public/Live_RC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add broader search, brand exports, and denser overlay

Browse Source
This commit is contained in:
larssand
2026-03-19 20:38:58 +01:00
parent e37aeff43a
commit fb9dcf1b9c
4 changed files with 86 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/styles.css
View File

@@ -879,8 +879,8 @@ select:focus {
.overlay-board {
display: grid;
grid-template-columns: minmax(0, 1.92fr) minmax(180px, 0.31fr);
gap: 8px;
grid-template-columns: minmax(0, 1.98fr) minmax(156px, 0.27fr);
gap: 6px;
}
.overlay-board-tv {
@@ -982,7 +982,7 @@ select:focus {
}
.overlay-table-wrap {
padding: 4px 6px 6px;
padding: 3px 5px 5px;
}
.overlay-display-wrap {
@@ -1002,8 +1002,8 @@ select:focus {
display: flex;
justify-content: space-between;
align-items: end;
gap: 8px;
padding: 7px 10px;
gap: 6px;
padding: 6px 8px;
background:
linear-gradient(135deg, rgba(225, 6, 0, 0.18), rgba(225, 6, 0, 0.04)),
rgba(7, 12, 20, 0.92);
@@ -1018,13 +1018,13 @@ select:focus {
.overlay-fastest-banner strong {
display: block;
margin-top: 2px;
margin-top: 1px;
font-family: Orbitron, sans-serif;
font-size: clamp(1.02rem, 1.7vw, 1.45rem);
font-size: clamp(0.94rem, 1.45vw, 1.26rem);
}
.overlay-leaderboard-card {
padding: 5px;
padding: 4px;
}
.overlay-leaderboard-card-tv {
@@ -1045,13 +1045,13 @@ select:focus {
}
.overlay-fastest-driver {
font-size: 0.76rem;
font-size: 0.68rem;
text-align: right;
}
.overlay-fastest-meta {
color: var(--muted);
font-size: 0.58rem;
font-size: 0.52rem;
text-transform: uppercase;
letter-spacing: 0.06em;
white-space: nowrap;
@@ -1063,14 +1063,14 @@ select:focus {
.overlay-race-metric strong,
.overlay-race-best strong {
font-size: clamp(0.78rem, 0.98vw, 0.92rem);
line-height: 1.05;
font-size: clamp(0.72rem, 0.88vw, 0.84rem);
line-height: 1.02;
}
.overlay-race-pos .pos-pill {
min-width: 26px;
height: 26px;
font-size: 0.76rem;
min-width: 22px;
height: 22px;
font-size: 0.68rem;
}
.overlay-shell-dense .pill {
@@ -1123,12 +1123,12 @@ select:focus {
.overlay-side {
display: grid;
gap: 6px;
font-size: 0.78rem;
gap: 4px;
font-size: 0.72rem;
}
.overlay-side-card {
padding: 6px;
padding: 5px;
}
.overlay-rotating-card {
@@ -1136,15 +1136,15 @@ select:focus {
}
.overlay-side-card h3 {
margin: 0 0 3px;
font-size: 0.78rem;
margin: 0 0 2px;
font-size: 0.7rem;
}
.overlay-passing {
display: flex;
justify-content: space-between;
gap: 5px;
padding: 3px 0;
gap: 4px;
padding: 2px 0;
border-bottom: 1px solid var(--line);
}
@@ -1153,13 +1153,13 @@ select:focus {
}
.overlay-side-card .overlay-passing strong {
font-size: 0.72rem;
font-size: 0.66rem;
line-height: 1.15;
}
.overlay-side-card .overlay-passing span {
font-family: Orbitron, sans-serif;
font-size: 0.64rem;
font-size: 0.58rem;
color: var(--text);
white-space: nowrap;
}
@@ -1171,15 +1171,15 @@ select:focus {
.overlay-race-list {
display: grid;
gap: 4px;
gap: 3px;
}
.overlay-race-row {
display: grid;
grid-template-columns: 38px minmax(170px, 1.72fr) repeat(3, minmax(90px, 0.62fr)) minmax(95px, 0.66fr);
gap: 6px;
grid-template-columns: 34px minmax(160px, 1.7fr) repeat(4, minmax(78px, 0.54fr)) minmax(86px, 0.58fr);
gap: 5px;
align-items: center;
padding: 5px 7px;
padding: 4px 6px;
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 8px;
background: rgba(255, 255, 255, 0.03);
@@ -1202,15 +1202,15 @@ select:focus {
}
.overlay-race-driver strong {
font-size: clamp(0.82rem, 1.04vw, 0.96rem);
line-height: 1.05;
font-size: clamp(0.75rem, 0.92vw, 0.88rem);
line-height: 1.02;
}
.overlay-race-driver span,
.overlay-race-metric label,
.overlay-race-best label {
color: var(--muted);
font-size: 0.54rem;
font-size: 0.5rem;
text-transform: uppercase;
letter-spacing: 0.06em;
}
@@ -1225,14 +1225,14 @@ select:focus {
}
.overlay-prediction {
margin-top: 2px;
margin-top: 1px;
}
.overlay-prediction-meta {
display: flex;
justify-content: space-between;
gap: 8px;
margin-bottom: 2px;
gap: 6px;
margin-bottom: 1px;
}
.overlay-prediction-meta label,