max/nodarium
1
0
Fork 0
Code Issues 12 Pull Requests 2 Actions Packages Projects Releases 3 Wiki Activity

fix: integer width

Browse Source
This commit is contained in:
Felix Hungenberg
2026-01-21 16:35:13 +01:00
parent 2a90d5de3f
commit f54cde734e
1 changed files with 177 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/ui/src/lib/inputs/Integer.svelte
View File

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