CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-30 17:18:14 +13:00
Code Issues Projects Releases Wiki Activity

Unified icons and made the components look like blocks

Browse source
This commit is contained in:
Joe 2020-05-27 12:18:05 +01:00
parent 26c07f2411
commit f61e59e961
4 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
View file

@ -109,7 +109,7 @@
.title > div:nth-child(1) {
grid-column-start: name;
color: var(--secondary100);
color: var(--ink);
}
.title > div:nth-child(2) {

2
packages/builder/src/components/userInterface/ComponentsPaneSwitcher.svelte
View file

@ -55,7 +55,7 @@
display: flex;
flex-direction: column;
padding: 20px 20px;
border-left: solid 1px #e8e8ef;
border-left: solid 1px var(--grey);
}
.switcher {

9
packages/builder/src/components/userInterface/ItemTab/Item.svelte
View file

@ -19,14 +19,17 @@
cursor: pointer;
margin-bottom: 8px;
padding: 8px 0px 16px 0px;
width: 80px;
width: 120px;
height: 80px;
justify-content: center;
align-items: center;
margin-right: 6px;
margin-right: 8px;
background-color: var(--grey-light);
border-radius: 3px;
}
.item-item:hover {
background: var(--grey-light);
background: var(--grey);
border-radius: 3px;
}

18
packages/builder/src/components/userInterface/temporaryPanelStructure.js
View file

@ -15,7 +15,7 @@ export default {
name: "Screenslot",
description:
"This component is a placeholder for the rendering of a screen within a page.",
icon: "ri-crop-2-line",
icon: "ri-crop-2-fill",
commonProps: {},
children: [],
},
@ -119,7 +119,7 @@ export default {
{
name: "Input",
description: "These components handle user input.",
icon: "ri-edit-box-line",
icon: "ri-edit-box-fill",
commonProps: {},
children: [
{
@ -127,7 +127,7 @@ export default {
name: "Textfield",
description:
"A textfield component that allows the user to input text.",
icon: "ri-edit-box-line",
icon: "ri-edit-box-fill",
properties: {
design: { ...all },
settings: [
@ -145,7 +145,7 @@ export default {
_component: "@budibase/standard-components/checkbox",
name: "Checkbox",
description: "A selectable checkbox component",
icon: "ri-checkbox-line",
icon: "ri-checkbox-fill",
properties: {
design: { ...all },
settings: [{ label: "Label", key: "label", control: Input }],
@ -166,7 +166,7 @@ export default {
name: "Select",
description:
"A select component for choosing from different options",
icon: "ri-file-list-line",
icon: "ri-file-list-fill",
properties: {
design: { ...all },
settings: [],
@ -236,7 +236,7 @@ export default {
name: "Card",
description:
"A basic card component that can contain content and actions.",
icon: "ri-layout-bottom-line",
icon: "ri-layout-bottom-fill",
children: [],
properties: { design: { ...all } },
},
@ -303,7 +303,7 @@ export default {
name: "Chart",
_component: "@budibase/standard-components/datachart",
description: "Shiny chart",
icon: "ri-bar-chart-line",
icon: "ri-bar-chart-fill",
properties: { design: { ...all } },
children: [],
},
@ -311,7 +311,7 @@ export default {
name: "List",
_component: "@budibase/standard-components/datalist",
description: "Shiny list",
icon: "ri-file-list-line",
icon: "ri-file-list-fill",
properties: { design: { ...all } },
children: [],
},
@ -319,7 +319,7 @@ export default {
name: "Map",
_component: "@budibase/standard-components/datamap",
description: "Shiny map",
icon: "ri-map-pin-line",
icon: "ri-map-pin-fill",
properties: { design: { ...all } },
children: [],
},