highlight: remove symbol line, reduce height to 5rem

This commit is contained in:
Falkan
2026-03-17 10:49:45 -04:00
parent 7ca0fc4032
commit b05f421bcb
2 changed files with 1 additions and 8 deletions

View File

@@ -80,7 +80,7 @@
/* ── Highlighted result (above grid) ──────────────────────────────────────── */ /* ── Highlighted result (above grid) ──────────────────────────────────────── */
.highlighted-result { .highlighted-result {
/* Fixed height that never changes whether populated or empty */ /* Fixed height that never changes whether populated or empty */
height: 10rem; height: 5rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
border-radius: var(--pico-border-radius, 0.25rem); border-radius: var(--pico-border-radius, 0.25rem);
background-color: var(--pico-card-background-color); background-color: var(--pico-card-background-color);
@@ -147,12 +147,6 @@
font-weight: 400; font-weight: 400;
} }
.highlighted-symbol {
font-size: clamp(0.75rem, 1.5vw, 0.9rem);
color: var(--pico-muted-color, #888880);
font-style: italic;
}
.highlighted-placeholder { .highlighted-placeholder {
font-size: 0.9rem; font-size: 0.9rem;
color: var(--pico-muted-color, #888880); color: var(--pico-muted-color, #888880);

View File

@@ -117,7 +117,6 @@
<span class="highlighted-eq-sep">=</span> <span class="highlighted-eq-sep">=</span>
<span class="highlighted-eq-to">{formatBig(highlightedResult.convertedValue)} {highlightedResult.unit.labelPlural}</span> <span class="highlighted-eq-to">{formatBig(highlightedResult.convertedValue)} {highlightedResult.unit.labelPlural}</span>
</div> </div>
<span class="highlighted-symbol">{highlightedResult.unit.symbol}</span>
{:else} {:else}
<span class="highlighted-placeholder">Click a result to highlight it</span> <span class="highlighted-placeholder">Click a result to highlight it</span>
{/if} {/if}