n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines (1 loc) • 9.61 kB
CSS
._typing_v8rma_125{gap:6px;display:inline-flex}._typing_v8rma_125 i{opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s infinite _blink_v8rma_1}._typing_v8rma_125 i:nth-child(2){animation-delay:.2s}._typing_v8rma_125 i:nth-child(3){animation-delay:.4s}@keyframes _blink_v8rma_1{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}._button_1pgkm_125 g,._button_1pgkm_125 path{color:var(--color--text--tint-1);stroke-width:2.5px}._actions_1dz1l_125{align-items:center;display:flex}._actions_1dz1l_125 g,._actions_1dz1l_125 path{color:var(--color--text--tint-1);stroke-width:2.5px}.fade-enter-active[data-v-ec3f5f08],.fade-leave-active[data-v-ec3f5f08]{transition:opacity .15s}.fade-enter-from[data-v-ec3f5f08],.fade-leave-to[data-v-ec3f5f08]{opacity:0}._message_1ptod_125{scroll-margin-block:var(--spacing--sm);position:relative}._markdownContent_1ptod_130{color:var(--color--text--shade-1);font-size:var(--font-size--md);line-height:var(--line-height--xl)}._markdownContent_1ptod_130>:last-child>:last-child{margin-bottom:0}._markdownContent_1ptod_130>:first-child>:first-child{margin-top:0}._codeBlockActions_1ptod_142>*{margin-top:-2px}._avatar_1ptod_146{margin-right:var(--spacing--xs);background:var(--color--background);width:28px;height:28px;color:var(--color--text--tint-1);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:100%}._compact_1ptod_159 ._avatar_1ptod_146{margin-left:calc(-1 * var(--spacing--2xs));margin-bottom:var(--spacing--xs);position:static}._content_1ptod_165{flex-direction:column;align-items:stretch;display:flex}@media (hover:hover){._content_1ptod_165:hover ._actions_1ptod_171,._content_1ptod_165:focus-within ._actions_1ptod_171{opacity:1;pointer-events:auto}}._attachments_1ptod_177{gap:var(--spacing--2xs);flex-wrap:wrap;display:flex}._chatMessage_1ptod_182 ._attachments_1ptod_177{margin-top:var(--spacing--xs)}._editContainer_1ptod_185 ._attachments_1ptod_177{padding:var(--spacing--sm);padding-bottom:0;position:absolute;top:0}._chatMessage_1ptod_182{gap:var(--spacing--2xs);overflow-wrap:break-word;font-size:var(--font-size--sm);flex-direction:column;line-height:1.5;display:flex;position:relative}._user_1ptod_201 ._chatMessage_1ptod_182{padding:var(--spacing--2xs) var(--spacing--sm);border-radius:var(--radius--xl);background-color:var(--color--background);white-space-collapse:preserve-breaks;width:fit-content;max-width:100%;font-size:var(--font-size--md);line-height:var(--line-height--xl)}._errorMessage_1ptod_212{padding:var(--spacing--xs) var(--spacing--sm);border-radius:var(--radius--lg);background-color:var(--color--danger--tint-4);border:var(--border-width) var(--border-style) var(--color--danger--tint-3);color:var(--color--danger)}._errorMessage_1ptod_212 p,._errorMessage_1ptod_212 a{color:var(--color--danger)}._actions_1ptod_171{margin-top:var(--spacing--2xs);transition:opacity .15s}@media (hover:hover){._actions_1ptod_171{opacity:0;pointer-events:none}._actions_1ptod_171:hover{opacity:1;pointer-events:auto}}._editContainer_1ptod_185{width:100%;position:relative}._textarea_1ptod_244{scroll-margin-block:var(--spacing--sm)}._textarea_1ptod_244 textarea{padding:var(--spacing--sm);padding-top:calc(var(--spacing--sm) + var(--attachments--height));color:var(--color--text--shade-1);padding-bottom:64px;font-family:inherit;line-height:1.5em}._fileInput_1ptod_257{display:none}._editFooter_1ptod_261{width:100%;padding:var(--spacing--xs);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0}._editFooter_1ptod_261>*{pointer-events:auto}._editActions_1ptod_275{gap:var(--spacing--2xs);margin-left:auto;display:flex}._typingIndicator_1ptod_281{margin-top:var(--spacing--xs)}._callout_50o58_125{padding:var(--spacing--sm);border-radius:16px 16px 0 0;margin:-1px}._calloutCompact_50o58_131{width:100%;box-shadow:0 10px 24px rgba(0,0,0,.063)}._prompt_omdff_125{place-items:center;gap:0;width:100%;display:grid;position:static}._prompt_omdff_125 textarea{box-shadow:none;border-radius:0;padding:0}._prompt_omdff_125 .n8n-input__wrapper{--input--radius:0}._fileInput_omdff_143{display:none}._inputWrap_omdff_147{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}._inputWrapper_omdff_155{gap:var(--spacing--xs);width:100%;padding:var(--spacing--xs);border-radius:var(--radius--xl);--compact--border-color:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-100));--compact--border-color--hover:var(--lightningcss-light,var(--color--black-alpha-200))var(--lightningcss-dark,var(--color--white-alpha-200));--compact--border-color--focus:var(--lightningcss-light,var(--color--black-alpha-300))var(--lightningcss-dark,var(--color--white-alpha-300));box-shadow:0 10px 24px 0 rgba(0,0,0,.063), inset 0 0 0 1px var(--compact--border-color);background-color:transparent;flex-direction:column;display:flex}._inputWrapper_omdff_155:hover:not(:focus-within){box-shadow:0 10px 24px 0 rgba(0,0,0,.063), inset 0 0 0 1px var(--compact--border-color--hover)}._inputWrapper_omdff_155:focus-within{box-shadow:0 10px 24px 0 rgba(0,0,0,.063), inset 0 0 0 1px var(--compact--border-color--focus);outline:var(--focus--border-width) solid var(--focus--border-color);outline-offset:2px;transition:outline .15s ease-out}._inputWrapper_omdff_155 textarea{font-size:var(--font-size--md);color:var(--color--text--shade-1);box-shadow:none;border:none;border-radius:0;padding:0;line-height:1.5em}._inputWrapper_omdff_155 textarea::placeholder{color:var(--color--text--tint-1)}._inputWrapper_omdff_155 .n8n-input__wrapper{--input--border--shadow:0 0 0 0 transparent;--input--border--shadow--hover:0 0 0 0 transparent;--input--border--shadow--focus:0 0 0 0 transparent;--input--shadow:0 0 0 0 transparent;--input--shadow--hover:0 0 0 0 transparent;--input--shadow--focus:0 0 0 0 transparent;--input--radius:0;--input--color--background:transparent;outline:none}._inputWrapper_omdff_155 .n8n-input__wrapper:focus-within{outline:none}._inputWrapper_omdff_155._calloutVisible_omdff_209{border-radius:0 0 var(--radius--xl) var(--radius--xl)}._compactAttachments_omdff_213{gap:var(--spacing--2xs);flex-wrap:wrap;display:flex}._compactRow_omdff_219{align-items:center;gap:var(--spacing--4xs);width:100%;display:flex}._compactRow_omdff_219 .n8n-input{flex:1;min-width:0}._actions_omdff_230{align-self:flex-end;align-items:center;gap:var(--spacing--2xs);display:flex}._actions_omdff_230 button path{stroke-width:2.5px}._recording_omdff_240{animation:1.5s ease-in-out infinite _chatHubPromptRecordingPulse_omdff_1}@keyframes _chatHubPromptRecordingPulse_omdff_1{0%,to{opacity:1}50%{opacity:.6}}._prompt_2i08r_125{gap:var(--spacing--md);flex-direction:column;width:100%;display:flex;position:relative}._prompt_2i08r_125 textarea{font-size:var(--font-size--md);padding:var(--spacing--sm);padding-top:calc(var(--spacing--sm) + var(--attachments-el--height));color:var(--color--text--shade-1);border-radius:16px;padding-bottom:64px;line-height:1.5em;box-shadow:0 10px 24px rgba(0,0,0,.063)}._prompt_2i08r_125 textarea::placeholder{color:var(--color--text--tint-1)}._prompt_2i08r_125 .n8n-input__wrapper{--input--radius:16px}._prompt_2i08r_125._hasCallout_2i08r_148 textarea{padding-top:calc(var(--spacing--sm) + var(--attachments-el--height) + 52px)}._fileInput_2i08r_152{display:none}._header_2i08r_156,._footer_2i08r_157{z-index:10;background:var(--color--background--light-2);pointer-events:none;border-radius:16px;width:calc(100% - 2px);position:absolute;left:1px}._header_2i08r_156>*,._footer_2i08r_157>*{pointer-events:auto}._header_2i08r_156{top:1px}._footer_2i08r_157{padding:var(--spacing--sm);justify-content:space-between;align-items:flex-end;gap:var(--spacing--sm);display:flex;bottom:1px}._tools_2i08r_184{flex-grow:1}._toolsButton_2i08r_188{height:30px}._actions_2i08r_193{align-items:center;gap:var(--spacing--2xs);display:flex}._actions_2i08r_193 button path{stroke-width:2.5px}._attachments_2i08r_202{gap:var(--spacing--2xs);padding:var(--spacing--sm);flex-wrap:wrap;padding-bottom:0;display:flex}._recording_2i08r_210{animation:1.5s ease-in-out infinite _chatHubPromptRecordingPulse_2i08r_1}@keyframes _chatHubPromptRecordingPulse_2i08r_1{0%,to{opacity:1}50%{opacity:.6}}._container_140do_125{gap:var(--spacing--xs);flex-wrap:wrap;justify-content:center;display:flex}._chip_140do_132{padding-right:var(--spacing--sm);gap:var(--spacing--3xs);border-radius:999px;font-weight:500}._emoji_140do_139{font-size:var(--font-size--sm);line-height:1}._greetings_17frw_125{flex-direction:column;align-self:center;align-items:center;display:flex}._agentCard_17frw_132{text-align:center;flex-direction:column;align-items:center;max-width:640px;display:flex}._agentName_17frw_140{margin-top:var(--spacing--2xs);color:var(--color--text--shade-1);font-size:24px;font-weight:600;line-height:32px}._agentDescription_17frw_148{line-clamp:9;-webkit-line-clamp:8;color:var(--color--text--tint-1);font-size:var(--font-size--sm);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._suggestions_17frw_158{margin-top:var(--spacing--md)}._skeletonName_17frw_162{width:160px;margin-top:var(--spacing--2xs)}._skeletonDescription_17frw_167{width:300px;margin-top:var(--spacing--2xs)}._skeletonPrompts_17frw_172{gap:var(--spacing--3xs);justify-content:center;display:flex}._skeletonChip_17frw_178{width:140px}._header_17frw_182{align-items:center;gap:var(--spacing--4xs);display:flex}._inlineIcon_17frw_188{flex-shrink:0;margin-top:-4px;margin-bottom:-4px}