fix(editor): Set max width for executions list (#5302)

n8n-io · Feb 2, 2023 · 52dea08 · 52dea08
1 parent 0f228a6
commit 52dea08
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/packages/editor-ui/src/App.vue b/packages/editor-ui/src/App.vue
@@ -241,9 +241,12 @@ export default mixins(showMessage, userHelpers, restApi, historyHelper).extend({
 }
 
 .content {
+	display: flex;
 	grid-area: content;
 	overflow: auto;
 	height: 100vh;
+	width: 100%;
+	justify-content: center;
 }
 
 .header {

diff --git a/packages/editor-ui/src/components/ExecutionsList.vue b/packages/editor-ui/src/components/ExecutionsList.vue
@@ -927,6 +927,8 @@ export default mixins(externalHooks, genericHelpers, executionHelpers, restApi,
 	grid-template-rows: 1fr 0;
 	position: relative;
 	height: 100%;
+	width: 100%;
+	max-width: 1280px;
 }
 
 .execList {

diff --git a/packages/editor-ui/src/components/layouts/PageViewLayout.vue b/packages/editor-ui/src/components/layouts/PageViewLayout.vue
@@ -33,6 +33,8 @@ export default Vue.extend({
 .wrapper {
 	display: flex;
 	height: 100%;
+	width: 100%;
+	max-width: 1280px;
 	justify-content: center;
 	box-sizing: border-box;
 	background: var(--color-gray-light);
@@ -43,7 +45,6 @@ export default Vue.extend({
 }
 
 .container {
-	max-width: 1280px;
 	display: flex;
 	justify-content: center;
 	align-items: center;

diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue
@@ -4055,7 +4055,8 @@ export default mixins(
 	position: relative;
 	display: flex;
 	overflow: auto;
-	height: 100vh;
+	height: 100%;
+	width: 100%;
 }
 
 .shake {