MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixes height issue with grid component

This commit is contained in:
kevmodrome 2020-10-13 12:15:44 +02:00
parent 3f2d1aed30
commit 2a8aebeb16
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/standard-components/components.json
View File

@ -238,7 +238,10 @@
"material" "material"
] ]
}, },
"height": "number", "height": {
"type": "number",
"default": "500"
},
"pagination": "bool" "pagination": "bool"
} }
}, },

7
packages/standard-components/src/DataGrid/Component.svelte
View File

@ -18,7 +18,7 @@
export let datasource = {} export let datasource = {}
export let editable export let editable
export let theme = "alpine" export let theme = "alpine"
export let height export let height = 500
export let pagination export let pagination
let dataLoaded = false let dataLoaded = false
@ -115,7 +115,7 @@
href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" /> href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" />
</svelte:head> </svelte:head>
<div class="container" style="--grid-height: {height}px"> <div style="--grid-height: {height}px">
{#if dataLoaded} {#if dataLoaded}
{#if editable} {#if editable}
<div class="controls"> <div class="controls">
@ -139,9 +139,6 @@
</div> </div>
<style> <style>
.container {
--grid-height: 800px;
}
.container :global(form) { .container :global(form) {
display: grid; display: grid;
grid-template-columns: repeat(2); grid-template-columns: repeat(2);