diff --git a/src/modules/logic-gates/components/GateProperties.scss b/src/modules/logic-gates/components/GateProperties.scss index 87c2129..b6fd5c3 100644 --- a/src/modules/logic-gates/components/GateProperties.scss +++ b/src/modules/logic-gates/components/GateProperties.scss @@ -39,6 +39,10 @@ div .gate-prop-container { flex-direction: row; justify-content: start; + + &.visible { + margin: 1rem; + } } div #save-props { diff --git a/src/modules/logic-gates/components/GatePropertiesModal.tsx b/src/modules/logic-gates/components/GatePropertiesModal.tsx index e9c1d27..dc67450 100644 --- a/src/modules/logic-gates/components/GatePropertiesModal.tsx +++ b/src/modules/logic-gates/components/GatePropertiesModal.tsx @@ -103,7 +103,15 @@ export const GatePropery = ({ raw, gate }: GatePropertyProps) => { } })() - return
{input}
+ return ( +
+ {input} +
+ ) } /** diff --git a/src/modules/simulation/constants.ts b/src/modules/simulation/constants.ts index a19e712..b8e90ad 100644 --- a/src/modules/simulation/constants.ts +++ b/src/modules/simulation/constants.ts @@ -63,6 +63,12 @@ export const DefaultGateTemplate: GateTemplate = { !gate.template.properties.data.some( (prop) => prop.needsUpdate ) + }, + { + type: 'string', + base: 'my-logic-gate', + name: 'label', + show: ({ internal }: { internal: boolean }) => internal } ] },