highlight: remove symbol line, reduce height to 5rem
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user