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

Merge pull request #346 from Budibase/image-component 

Image Component
This commit is contained in:
Joe 2020-06-10 16:22:57 +01:00 committed by GitHub
parent 19b2611534 67868eb9d3
commit 9773985008
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/builder/src/components/userInterface/temporaryPanelStructure.js
View File

@ -187,6 +187,17 @@ export default {
], ],
}, },
}, },
{
_component: "@budibase/standard-components/image",
name: "Image",
description: "A basic component for displaying images",
icon: "ri-image-fill",
children: [],
properties: {
design: { ...all },
settings: [{ label: "URL", key: "url", control: Input }],
},
},
{ {
_component: "@budibase/standard-components/icon", _component: "@budibase/standard-components/icon",
name: "Icon", name: "Icon",

1
packages/standard-components/src/DataForm.svelte
View File

@ -87,7 +87,6 @@
.form-content { .form-content {
margin-bottom: 20px; margin-bottom: 20px;
} }
.input { .input {

4
packages/standard-components/src/DataTable.svelte
View File

@ -65,7 +65,7 @@
} }
thead { thead {
background: #393C44; background: #393c44;
border: 1px solid #ccc; border: 1px solid #ccc;
height: 40px; height: 40px;
text-align: left; text-align: left;
@ -87,7 +87,7 @@
tbody tr { tbody tr {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
transition: 0.3s background-color; transition: 0.3s background-color;
color: #393C44; color: #393c44;
font-size: 14px; font-size: 14px;
height: 40px; height: 40px;
} }

2
packages/standard-components/src/Image.svelte
View File

@ -7,6 +7,8 @@
export let height export let height
export let width export let width
export let _bb
$: style = buildStyle({ height, width }) $: style = buildStyle({ height, width })
</script> </script>