Minor UI improvements

This commit is contained in:
navaneeth 2021-05-16 15:35:12 +05:30
parent 87f4d0fdf6
commit 767bfa463e
2 changed files with 5 additions and 5 deletions

View file

@ -62,7 +62,7 @@ export const EventSelector = ({
<div>
{definition.actionId === 'show-alert' && (
<div className="p-3">
<label className="form-label mt-2">Message</label>
<label className="form-label mt-1">Message</label>
<input
onChange={(e) => eventOptionUpdated(param, 'message', e.target.value, extraData)}
value={message}
@ -75,7 +75,7 @@ export const EventSelector = ({
{definition.actionId === 'open-webpage' && (
<div className="p-3">
<label className="form-label mt-2">URL</label>
<label className="form-label mt-1">URL</label>
<CodeHinter
currentState={currentState}
initialValue={definition.options.url}
@ -86,7 +86,7 @@ export const EventSelector = ({
{definition.actionId === 'show-modal' && (
<div className="p-3">
<label className="form-label mt-2">Modal</label>
<label className="form-label mt-1">Modal</label>
<SelectSearch
options={getModalOptions()}
value={definition.options.model}
@ -102,7 +102,7 @@ export const EventSelector = ({
{definition.actionId === 'run-query' && (
<div className="p-3">
<label className="form-label mt-2">Query</label>
<label className="form-label mt-1">Query</label>
<SelectSearch
options={dataQueries.map((query) => {
return { name: query.name, value: query.id };

View file

@ -165,7 +165,7 @@ export const Inspector = ({
<div className="properties-container p-2">
{Object.keys(componentMeta.properties).map((property) => renderElement(component, componentMeta, paramUpdated, dataQueries, property, 'properties', currentState, components))}
{Object.keys(componentMeta.styles).map((style) => renderElement(component, componentMeta, paramUpdated, dataQueries, style, 'styles', currentState, components))}
<hr></hr>
<div class="hr-text">Events</div>
{Object.keys(componentMeta.events).map((eventName) => renderEvent(component, eventUpdated, dataQueries, eventOptionUpdated, eventName, componentMeta.events[eventName], currentState, components))}
</div>
}