mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-13 13:57:29 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(editor): Fix project settings layout (#9475)

Browse source
This commit is contained in:
Csaba Tuncsik 2024-05-21 15:49:55 +02:00 committed by GitHub
parent 711c46f205
commit 96cf41f851
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/editor-ui/src/features/projects/components/ProjectSettings.vue
View file

@ -290,8 +290,9 @@ onBeforeMount(async () => {
:delete-label="$locale.baseText('workflows.shareModal.list.delete')" :delete-label="$locale.baseText('workflows.shareModal.list.delete')"
> >
<template #actions="{ user }"> <template #actions="{ user }">
<div class="flex gap-3"> <div :class="$style.buttons">
<N8nSelect <N8nSelect
class="mr-2xs"
:model-value="user?.role || projectRoles[0].role" :model-value="user?.role || projectRoles[0].role"
size="small" size="small"
@update:model-value="onRoleAction(user, $event)" @update:model-value="onRoleAction(user, $event)"
@ -325,7 +326,7 @@ onBeforeMount(async () => {
</template> </template>
</N8nUsersList> </N8nUsersList>
</fieldset> </fieldset>
<fieldset class="flex justify-end items-center"> <fieldset :class="$style.buttons">
<div> <div>
<small v-if="isDirty" class="mr-2xs">{{ <small v-if="isDirty" class="mr-2xs">{{
locale.baseText('projects.settings.message.unsavedChanges') locale.baseText('projects.settings.message.unsavedChanges')
@ -409,4 +410,10 @@ onBeforeMount(async () => {
.upgrade { .upgrade {
cursor: pointer; cursor: pointer;
} }
.buttons {
display: flex;
justify-content: flex-end;
align-items: center;
}
</style> </style>

2
packages/editor-ui/src/features/projects/components/ProjectSharing.vue
View file

@ -164,7 +164,7 @@ watch(
width: 100%; width: 100%;
align-items: center; align-items: center;
padding: var(--spacing-2xs) 0; padding: var(--spacing-2xs) 0;
gap: var(--spacing-xs); gap: var(--spacing-2xs);
} }
.selectedProjects { .selectedProjects {