fitness: rest timer dark styling, wider weight input, hide spinners, shorten PREV header
All checks were successful
CI / update (push) Successful in 2m7s

This commit is contained in:
2026-03-22 19:37:17 +01:00
parent 2ad93b5ad1
commit b8f2a1e098
2 changed files with 19 additions and 6 deletions

View File

@@ -41,13 +41,13 @@
overflow: hidden; overflow: hidden;
position: relative; position: relative;
height: 2.2rem; height: 2.2rem;
background: var(--color-bg-elevated); background: var(--nord0);
} }
.bar-fill { .bar-fill {
position: absolute; position: absolute;
inset: 0; inset: 0;
width: 100%; width: 100%;
background: var(--color-primary); background: var(--blue);
border-radius: 8px; border-radius: 8px;
transition: width 1s linear; transition: width 1s linear;
} }
@@ -66,14 +66,14 @@
font-size: 0.9rem; font-size: 0.9rem;
font-weight: 700; font-weight: 700;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
color: var(--color-text-primary, inherit); color: white;
cursor: pointer; cursor: pointer;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.5rem;
} }
.adjust-btn { .adjust-btn {
background: none; background: none;
border: none; border: none;
color: var(--color-text-primary, inherit); color: white;
cursor: pointer; cursor: pointer;
font-size: 0.7rem; font-size: 0.7rem;
font-weight: 600; font-weight: 600;

View File

@@ -77,7 +77,7 @@
{/if} {/if}
<th class="col-set">SET</th> <th class="col-set">SET</th>
{#if previousSets} {#if previousSets}
<th class="col-prev">PREVIOUS</th> <th class="col-prev">PREV</th>
{/if} {/if}
{#each mainMetrics as metric (metric)} {#each mainMetrics as metric (metric)}
<th class="col-metric">{METRIC_LABELS[metric]}</th> <th class="col-metric">{METRIC_LABELS[metric]}</th>
@@ -114,7 +114,7 @@
</td> </td>
{/if} {/if}
{#each mainMetrics as metric (metric)} {#each mainMetrics as metric (metric)}
<td class="col-metric"> <td class="col-metric" class:col-weight={metric === 'weight'}>
{#if editable} {#if editable}
<input <input
type="number" type="number"
@@ -210,6 +210,12 @@
.col-metric { .col-metric {
width: 4rem; width: 4rem;
} }
.col-weight {
width: 5.5rem;
}
.col-weight input {
max-width: 5.5rem;
}
.col-metric:has(+ .col-at) { .col-metric:has(+ .col-at) {
padding-right: 0; padding-right: 0;
} }
@@ -241,6 +247,13 @@
padding: 0.3rem 0.25rem; padding: 0.3rem 0.25rem;
font-size: 0.875rem; font-size: 0.875rem;
color: inherit; color: inherit;
-moz-appearance: textfield;
appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} }
.col-rpe input { .col-rpe input {
max-width: 3rem; max-width: 3rem;