1
0
Fork 0
mirror of synced 2024-07-04 14:01:27 +12:00

Ensure consistent size of form fields regardless of label position

This commit is contained in:
Andrew Kingston 2021-02-02 13:50:46 +00:00
parent 7984382552
commit 79ae7dae91
2 changed files with 6 additions and 2 deletions

View file

@ -9,9 +9,9 @@
</script> </script>
<div use:styleable={$component.styles}> <div use:styleable={$component.styles}>
<form <div
class="spectrum-Form" class="spectrum-Form"
class:spectrum-Form--labelsAbove={labelPosition === 'above'}> class:spectrum-Form--labelsAbove={labelPosition === 'above'}>
<slot /> <slot />
</form> </div>
</div> </div>

View file

@ -56,6 +56,10 @@
</FieldGroupFallback> </FieldGroupFallback>
<style> <style>
.spectrum-Form-itemField {
width: 360px;
}
.error { .error {
color: var( color: var(
--spectrum-semantic-negative-color-default, --spectrum-semantic-negative-color-default,