mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-11-13 16:14:07 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Fix design system form component sizing (#10961)

Browse source
This commit is contained in:
Csaba Tuncsik 2024-09-25 11:30:21 +02:00 committed by GitHub
parent af20ccbbad
commit cf153ea085
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/design-system/src/components/N8nFormInput/FormInput.vue
View file

@ -193,6 +193,7 @@ defineExpose({ inputRef });
:label="label" :label="label"
:tooltip-text="tooltipText" :tooltip-text="tooltipText"
:required="required && showRequiredAsterisk" :required="required && showRequiredAsterisk"
:size="labelSize"
> >
<template #content> <template #content>
{{ tooltipText }} {{ tooltipText }}
@ -210,6 +211,7 @@ defineExpose({ inputRef });
:label="label" :label="label"
:tooltip-text="tooltipText" :tooltip-text="tooltipText"
:required="required && showRequiredAsterisk" :required="required && showRequiredAsterisk"
:size="labelSize"
> >
<div :class="showErrors ? $style.errorInput : ''" @keydown.stop @keydown.enter="onEnter"> <div :class="showErrors ? $style.errorInput : ''" @keydown.stop @keydown.enter="onEnter">
<slot v-if="hasDefaultSlot" /> <slot v-if="hasDefaultSlot" />
@ -223,6 +225,7 @@ defineExpose({ inputRef });
:disabled="disabled" :disabled="disabled"
:name="name" :name="name"
:teleported="teleported" :teleported="teleported"
:size="tagSize"
@update:model-value="onUpdateModelValue" @update:model-value="onUpdateModelValue"
@focus="onFocus" @focus="onFocus"
@blur="onBlur" @blur="onBlur"
@ -246,6 +249,7 @@ defineExpose({ inputRef });
:maxlength="maxlength" :maxlength="maxlength"
:autocomplete="autocomplete" :autocomplete="autocomplete"
:disabled="disabled" :disabled="disabled"
:size="tagSize"
@update:model-value="onUpdateModelValue" @update:model-value="onUpdateModelValue"
@blur="onBlur" @blur="onBlur"
@focus="onFocus" @focus="onFocus"

2
packages/design-system/src/components/N8nInputLabel/InputLabel.vue
View file

@ -5,7 +5,7 @@ import N8nIcon from '../N8nIcon';
import N8nText from '../N8nText'; import N8nText from '../N8nText';
import N8nTooltip from '../N8nTooltip'; import N8nTooltip from '../N8nTooltip';
const SIZE = ['small', 'medium'] as const; const SIZE = ['small', 'medium', 'large'] as const;
interface InputLabelProps { interface InputLabelProps {
compact?: boolean; compact?: boolean;