diff --git a/lib/assets/base.js b/lib/assets/base.js index b668bdc..e05289a 100644 --- a/lib/assets/base.js +++ b/lib/assets/base.js @@ -144,40 +144,7 @@ const BaseInput = { `, }; -const SmartCellConfig = (ctx, info, extra_components, extra_data) => { - return { - components: { - BaseInput: BaseInput, - BaseSelect: BaseSelect, - ...extra_components - }, - - data() { - return { - fields: info.fields, - ...extra_data - }; - }, - - methods: { - handleFieldChange(event) { - const { name: field, value } = event.target; - - if (field) { - if (info.id == "evision.zoo") { - ctx.pushEvent("update_field", { field, value }); - } else { - const sub_value = field.split(".").reduce((data, key) => data[key], this.fields); - ctx.pushEvent("update_field", { field, value: sub_value }); - } - } - }, - } - } -}; - export const Base = { BaseInput: BaseInput, - BaseSelect: BaseSelect, - SmartCellConfig: SmartCellConfig + BaseSelect: BaseSelect }; diff --git a/lib/assets/main.css b/lib/assets/main.css index b3dbd54..f1e8306 100644 --- a/lib/assets/main.css +++ b/lib/assets/main.css @@ -61,12 +61,16 @@ button { .header { display: flex; + flex-wrap: wrap; + align-items: stretch; justify-content: flex-start; background-color: var(--blue-100); padding: 8px 16px; - margin-bottom: 12px; - border-radius: 0.5rem 0.5rem 0 0; + border-left: solid 1px var(--gray-300); + border-top: solid 1px var(--gray-300); + border-right: solid 1px var(--gray-300); border-bottom: solid 1px var(--gray-200); + border-radius: 0.5rem 0.5rem 0 0; gap: 16px; } @@ -129,7 +133,10 @@ input[required].empty { font-weight: 500; padding-right: 6px; font-size: 0.875rem; - text-transform: uppercase; +} + +.inline-status-label { + padding: 8px 0px; } .input-label-tooltip { diff --git a/lib/assets/main.js b/lib/assets/main.js index 7f75e06..05e19f7 100644 --- a/lib/assets/main.js +++ b/lib/assets/main.js @@ -64,9 +64,12 @@ export async function init(ctx, info) { placeholder="/bin/bash" v-model="fields.executable" inputClass="input input--xs" - :grow + :inline :required /> +