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 up spacing

Browse source
This commit is contained in:
Mutasem 2022-03-29 22:17:06 +02:00
parent 9e546d9f51
commit d24d8d8469
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/editor-ui/src/components/RunData.vue
View file

@ -100,7 +100,7 @@
/> />
</div> </div>
<div v-else-if="hasNodeRun && displayMode === 'table' && tableData && tableData.columns && tableData.columns.length === 0" :class="$style.tableDisplay"> <div v-else-if="hasNodeRun && displayMode === 'table' && tableData && tableData.columns && tableData.columns.length === 0" :class="$style.dataDisplay">
<table :class="$style.table"> <table :class="$style.table">
<tr> <tr>
<th :class="$style.emptyCell"></th> <th :class="$style.emptyCell"></th>
@ -113,7 +113,7 @@
</table> </table>
</div> </div>
<div v-else-if="hasNodeRun && displayMode === 'table' && tableData" :class="$style.tableDisplay"> <div v-else-if="hasNodeRun && displayMode === 'table' && tableData" :class="$style.dataDisplay">
<table :class="$style.table"> <table :class="$style.table">
<tr> <tr>
<th v-for="column in (tableData.columns || [])" :key="column">{{column}}</th> <th v-for="column in (tableData.columns || [])" :key="column">{{column}}</th>
@ -692,6 +692,7 @@ export default mixins(
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: var(--spacing-s);
> * { > * {
max-width: 316px; max-width: 316px;
@ -749,6 +750,7 @@ export default mixins(
top: 0; top: 0;
left: 0; left: 0;
padding-left: var(--spacing-s); padding-left: var(--spacing-s);
padding-top: var(--spacing-s);
right: 0; right: 0;
overflow-y: auto; overflow-y: auto;
line-height: 1.5; line-height: 1.5;
@ -756,15 +758,9 @@ export default mixins(
height: 100%; height: 100%;
} }
.tableDisplay {
composes: dataDisplay;
padding-top: var(--spacing-s);
}
.jsonDisplay { .jsonDisplay {
composes: dataDisplay; composes: dataDisplay;
background-color: var(--color-background-base); background-color: var(--color-background-base);
padding-top: var(--spacing-s);
} }
.table { .table {