Add PIS Data formatting to TrainService expander

This commit is contained in:
2026-05-05 19:24:31 +01:00
parent 3b91fad590
commit 05a04ec922
3 changed files with 85 additions and 49 deletions

View File

@@ -33,7 +33,7 @@
if (onsubmit && value) {
onsubmit(value);
}
}
};
</script>
<div class="input-wrapper" class:focussed={isFocussed} class:has-error={!!error}>
@@ -42,28 +42,28 @@
{/if}
<form onsubmit={handleSubmit} class="input-container">
<input
id="adaptive-input"
class:all-caps={uppercase}
{type}
{placeholder}
bind:value
onfocus={() => (isFocussed = true)}
onblur={() => (isFocussed = false)}
{...rest}
/>
<input
id="adaptive-input"
class:all-caps={uppercase}
{type}
{placeholder}
bind:value
onfocus={() => (isFocussed = true)}
onblur={() => (isFocussed = false)}
{...rest}
/>
{#if onsubmit}
<button
type="submit"
class="submit-icon"
transition:fade
disabled={!value}
aria-label="Submit"
>
<IconChevronRightFilled />
</button>
{/if}
{#if onsubmit}
<button
type="submit"
class="submit-icon"
transition:fade
disabled={!value}
aria-label="Submit"
>
<IconChevronRightFilled />
</button>
{/if}
</form>
{#if error}
@@ -125,18 +125,20 @@
align-items: center;
justify-content: center;
opacity: 0.75;
transition: opacity 0.2s, transform 0.2s;
transition:
opacity 0.2s,
transform 0.2s;
}
.submit-icon:hover:not(:disabled) {
opacity: 1;
transform: translateX(2px);
}
opacity: 1;
transform: translateX(2px);
}
.submit-icon:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.submit-icon:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.all-caps {
text-transform: uppercase;