steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-06 02:12:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve time picker ux

Browse Source
This commit is contained in:
vcoppe
2024-06-13 19:59:55 +02:00
parent 758ad283d7
commit 4eaa45d28c
2 changed files with 44 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
website/src/lib/components/ui/time-picker/TimeComponentInput.svelte
View File

@@ -11,6 +11,14 @@
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}
/>
@@ -21,7 +29,11 @@
@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>