fix: integer width

This commit is contained in:
Felix Hungenberg
2026-01-21 16:35:13 +01:00
parent 2a90d5de3f
commit f54cde734e

View File

@@ -112,7 +112,6 @@
onmousedown={handleMouseDown}
onmouseup={handleMouseUp}
>
<div class="">
<button onclick={() => handleChange(-step)}>-</button>
<input
bind:value
@@ -126,9 +125,10 @@
/>
<button onclick={() => handleChange(+step)}>+</button>
</div>
{#if typeof min !== 'undefined' && typeof max !== 'undefined'}
<span class="overlay" style={`width: ${Math.min((value - min) / (max - min), 1) * 100}%`}
<span
class="overlay"
style={`width: ${Math.min((value - min) / (max - min), 1) * 100}%`}
></span>
{/if}
</div>
@@ -146,12 +146,12 @@
border-radius: var(--border-radius, 2px);
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
input[type='number'] {
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
@@ -198,7 +198,7 @@
margin-inline: 6px;
}
div input[type='number'] {
div input[type="number"] {
color: var(--text-color);
background-color: transparent;
padding: var(--padding, 6px);