diff --git a/easyflow-ui-admin/packages/tinyflow-ui/src/components/core/ParamTokenEditor.svelte b/easyflow-ui-admin/packages/tinyflow-ui/src/components/core/ParamTokenEditor.svelte index 23dceae..95afe29 100644 --- a/easyflow-ui-admin/packages/tinyflow-ui/src/components/core/ParamTokenEditor.svelte +++ b/easyflow-ui-admin/packages/tinyflow-ui/src/components/core/ParamTokenEditor.svelte @@ -561,6 +561,9 @@ font-weight: inherit; line-height: inherit; letter-spacing: inherit; + --param-token-padding-y: 5px; + --param-token-padding-left: 8px; + --param-token-padding-right: 36px; } .param-token-editor-highlight { @@ -568,7 +571,8 @@ inset: 0; border: 1px solid transparent; border-radius: 5px; - padding: 5px 8px; + padding: var(--param-token-padding-y) var(--param-token-padding-right) var(--param-token-padding-y) + var(--param-token-padding-left); box-sizing: border-box; color: var(--tf-text-primary); pointer-events: none; @@ -578,6 +582,7 @@ font-weight: inherit; line-height: 1.6; letter-spacing: inherit; + overflow-wrap: break-word; overflow: hidden; } @@ -588,7 +593,7 @@ .param-token-editor-highlight.multi-line { white-space: pre-wrap; - word-break: break-word; + word-break: normal; } .param-token-input, @@ -599,12 +604,14 @@ background: transparent; color: transparent; caret-color: var(--tf-text-primary); - padding-right: 36px; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: 1.6; letter-spacing: inherit; + padding: var(--param-token-padding-y) var(--param-token-padding-right) var(--param-token-padding-y) + var(--param-token-padding-left); + overflow-wrap: break-word; } .param-token-input::placeholder,