diff --git a/src/app.css b/src/app.css index d47b861..9737d2a 100644 --- a/src/app.css +++ b/src/app.css @@ -52,14 +52,8 @@ user-select: none; } -.result-tile:hover { - background-color: var(--pico-card-background-color); - border-color: var(--pico-primary); - box-shadow: var(--shadow-medium); -} - +.result-tile:hover, .result-tile.highlighted { - background-color: var(--pico-card-background-color); border-color: var(--pico-primary); box-shadow: var(--shadow-medium); } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9b1caf1..0612d0d 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -6,6 +6,7 @@ import { convertById } from '$lib/convert'; import { FRACTIONAL_DIGITS } from '$lib/config'; import { formatBig } from '$lib/format'; + import type { Big } from 'big.js'; import type { Unit, ResultItem } from '$lib/types'; import ConverterCard from '../components/ConverterCard.svelte'; @@ -94,7 +95,7 @@ fromUnitId = id; } - function handleCtrlClick(id: string, convertedValue: import('big.js').Big) { + function handleCtrlClick(id: string, convertedValue: Big) { // Ctrl+click: adopt this tile's displayed value as the new inputValue and promote it to from-unit. // This is the "pivot" gesture. inputValue = parseFloat(convertedValue.toFixed(FRACTIONAL_DIGITS));