tidy up
This commit is contained in:
parent
8b64c64bab
commit
e1eada45b8
|
@ -4,7 +4,7 @@
|
||||||
"main": "dist/index.js",
|
"main": "dist/index.js",
|
||||||
"module": "dist/index.js",
|
"module": "dist/index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "rollup -c && rollup -c rollup.generatorsconfig.js",
|
"build": "rollup -c",
|
||||||
"prepublishOnly": "npm run build",
|
"prepublishOnly": "npm run build",
|
||||||
"testbuild": "rollup -w -c rollup.testconfig.js",
|
"testbuild": "rollup -w -c rollup.testconfig.js",
|
||||||
"dev": "run-p start:dev testbuild",
|
"dev": "run-p start:dev testbuild",
|
||||||
|
|
|
@ -12,7 +12,8 @@
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: rgba(249, 249, 249, 1);
|
background: rgba(249, 249, 249, 1);
|
||||||
|
|
||||||
width: 1.8rem;
|
min-width: 1.8rem;
|
||||||
|
min-height: 1.8rem;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
import { find, sortBy } from "lodash/fp"
|
import { find, sortBy } from "lodash/fp"
|
||||||
import { ImageIcon, InputIcon, LayoutIcon } from "../common/Icons/"
|
import { ImageIcon, InputIcon, LayoutIcon } from "../common/Icons/"
|
||||||
import Select from "../common/Select.svelte"
|
import Select from "../common/Select.svelte"
|
||||||
import PlusButton from "../common/PlusButton.svelte"
|
import Button from "../common/PlusButton.svelte"
|
||||||
|
|
||||||
let componentLibraries = []
|
let componentLibraries = []
|
||||||
let current_view = "text"
|
let current_view = "text"
|
||||||
|
@ -83,7 +83,8 @@
|
||||||
<ul class="preset-menu">
|
<ul class="preset-menu">
|
||||||
<span>{splitName(component.name).componentName} Presets</span>
|
<span>{splitName(component.name).componentName} Presets</span>
|
||||||
{#each Object.keys(component.presets) as preset}
|
{#each Object.keys(component.presets) as preset}
|
||||||
<li on:click|stopPropagation={() => onComponentChosen(component.name, preset)}>
|
<li
|
||||||
|
on:click|stopPropagation={() => onComponentChosen(component.name, preset)}>
|
||||||
{preset}
|
{preset}
|
||||||
</li>
|
</li>
|
||||||
{/each}
|
{/each}
|
||||||
|
@ -91,15 +92,16 @@
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{#if component.presets}
|
{#if component.presets}
|
||||||
<PlusButton
|
<Button
|
||||||
on:click={() => {
|
on:click={() => {
|
||||||
selectedComponent = selectedComponent ? null : component.name;
|
selectedComponent = selectedComponent ? null : component.name
|
||||||
}}
|
}}>
|
||||||
>
|
<span
|
||||||
<span class="open-presets" class:open={selectedComponent === component.name}>
|
class="open-presets"
|
||||||
...
|
class:open={selectedComponent === component.name}>
|
||||||
</span>
|
...
|
||||||
</PlusButton>
|
</span>
|
||||||
|
</Button>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/each}
|
{/each}
|
||||||
|
@ -209,4 +211,8 @@
|
||||||
color: var(--button-text);
|
color: var(--button-text);
|
||||||
background: var(--background-button) !important;
|
background: var(--background-button) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.open {
|
||||||
|
color: rgba(0, 85, 255, 1);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,11 +0,0 @@
|
||||||
export const TEXTFIELD = {
|
|
||||||
STANDARD: {
|
|
||||||
variant: "standard"
|
|
||||||
},
|
|
||||||
FILLED: {
|
|
||||||
variant: "filled"
|
|
||||||
},
|
|
||||||
OUTLINED: {
|
|
||||||
variant: "outlined"
|
|
||||||
}
|
|
||||||
};
|
|
Loading…
Reference in New Issue