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> </script>
<template> <template>
<n8n-notice theme="info"> <n8n-notice :class="$style.notice" theme="info">
<i18n-t tag="span" keypath="templateSetup.instructions" scope="global"> <i18n-t tag="span" keypath="templateSetup.instructions" scope="global">
<span v-html="appNodeCounts" /> <span v-html="appNodeCounts" />
</i18n-t> </i18n-t>
</n8n-notice> </n8n-notice>
</template> </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 { .heading {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: var(--spacing-xs); margin-bottom: var(--spacing-2xs);
} }
.headingOrder { .headingOrder {
@ -132,6 +132,8 @@ const onCredentialDeselected = () => {
.description { .description {
margin-bottom: var(--spacing-l); margin-bottom: var(--spacing-l);
font-size: var(--font-size-s);
color: var(--color-text-base);
} }
.credentials { .credentials {
@ -146,6 +148,7 @@ const onCredentialDeselected = () => {
.credentialOk { .credentialOk {
margin-left: var(--spacing-2xs); margin-left: var(--spacing-2xs);
font-size: 24px;
} }
.invisible { .invisible {

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

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