fix(editor): Change execution list tab loader design (#6120)

2023-04-28 12:29:32 +02:00
parent 8669f95736
commit 188ef042cd
1 changed files with 9 additions and 4 deletions
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionsSidebar.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionsSidebar.vue
@@ -25,10 +25,8 @@
 			data-test-id="current-executions-list"
 			@scroll="loadMore(20)"
 		>
-			<div v-if="loading" class="mr-m">
-				<n8n-loading variant="p" :rows="1" />
-				<n8n-loading variant="p" :rows="1" />
-				<n8n-loading variant="p" :rows="1" />
+			<div v-if="loading" class="mr-l">
+				<n8n-loading variant="rect" />
 			</div>
 			<div v-if="!loading && executions.length === 0" :class="$style.noResultsContainer">
 				<n8n-text color="text-base" size="medium" align="center">
@@ -291,3 +289,10 @@ export default defineComponent({
 	text-align: center;
 }
 </style>
+
+<style lang="scss" scoped>
+:deep(.el-skeleton__item) {
+	height: 60px;
+	border-radius: 0;
+}
+</style>