mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-05 18:02:55 +00:00
40 lines
732 B
Svelte
40 lines
732 B
Svelte
<script lang="ts">
|
|
import { Input } from '$lib/components/ui/input';
|
|
|
|
export let value: string | number;
|
|
</script>
|
|
|
|
<div>
|
|
<Input
|
|
type="text"
|
|
step={1}
|
|
bind:value
|
|
on:input
|
|
on:change
|
|
on:keypress
|
|
on:focusin={() => {
|
|
let input = document.activeElement;
|
|
if (input instanceof HTMLInputElement) {
|
|
input.select();
|
|
}
|
|
}}
|
|
on:focusin
|
|
class="w-[22px] {$$props.class ?? ''}"
|
|
{...$$restProps}
|
|
/>
|
|
</div>
|
|
|
|
<style lang="postcss">
|
|
div :global(input) {
|
|
@apply px-0.5;
|
|
@apply text-right;
|
|
@apply border-none;
|
|
@apply focus:ring-0;
|
|
@apply focus:ring-offset-0;
|
|
@apply focus:outline-none;
|
|
@apply focus-visible:ring-0;
|
|
@apply focus-visible:ring-offset-0;
|
|
@apply focus-visible:outline-none;
|
|
}
|
|
</style>
|