mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Tune styles of template credential setup (no-changelog) (#7898)

Browse source
This commit is contained in:
Tomi Turtiainen 2023-12-01 16:00:48 +02:00 committed by GitHub
parent f8e93b3852
commit 38e4b56280
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/editor-ui/src/views/SetupWorkflowFromTemplateView/AppsRequiringCredsNotice.vue
View file

@ -22,9 +22,15 @@ const appNodeCounts = computed(() => {
</script>
<template>
<n8n-notice theme="info">
<n8n-notice :class="$style.notice" theme="info">
<i18n-t tag="span" keypath="templateSetup.instructions" scope="global">
<span v-html="appNodeCounts" />
</i18n-t>
</n8n-notice>
</template>
<style lang="scss" module>
.notice {
margin-top: 0;
}
</style>

5
packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupTemplateFormStep.vue
View file

@ -118,7 +118,7 @@ const onCredentialDeselected = () => {
.heading {
display: flex;
align-items: center;
margin-bottom: var(--spacing-xs);
margin-bottom: var(--spacing-2xs);
}
.headingOrder {
@ -132,6 +132,8 @@ const onCredentialDeselected = () => {
.description {
margin-bottom: var(--spacing-l);
font-size: var(--font-size-s);
color: var(--color-text-base);
}
.credentials {
@ -146,6 +148,7 @@ const onCredentialDeselected = () => {
.credentialOk {
margin-left: var(--spacing-2xs);
font-size: 24px;
}
.invisible {

5
packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupWorkflowFromTemplateView.vue
View file

@ -143,6 +143,7 @@ onMounted(async () => {
:disabled="setupTemplateStore.numCredentialsLeft === 0"
>
<n8n-button
size="large"
:label="$locale.baseText('templateSetup.continue.button')"
:disabled="setupTemplateStore.numCredentialsLeft > 0 || setupTemplateStore.isSaving"
@click="setupTemplateStore.createWorkflow($router)"
@ -163,7 +164,7 @@ onMounted(async () => {
.grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
padding: var(--spacing-l) var(--spacing-l) 0;
padding: 0 var(--spacing-l);
justify-content: center;
}
@ -191,7 +192,7 @@ onMounted(async () => {
.appCredential:not(:last-of-type) {
padding-bottom: var(--spacing-2xl);
border-bottom: 1px solid var(--prim-gray-540);
border-bottom: 1px solid var(--color-foreground-light);
}
.actions {