diff options
Diffstat (limited to 'src/components/function_box.tsx')
| -rw-r--r-- | src/components/function_box.tsx | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/src/components/function_box.tsx b/src/components/function_box.tsx index 43d3985..dc00a24 100644 --- a/src/components/function_box.tsx +++ b/src/components/function_box.tsx @@ -133,8 +133,13 @@ export class FunctionBox extends Node { </Node> </Rect> - <Rect direction={"column"} height={"100%"} alignItems={"end"}> - <Rect direction={"row"} alignItems={"center"} gap={10}> + <Rect + direction="column" + height={"100%"} + alignItems={"end"} + justifyContent="center" + > + <Rect direction="row" alignItems="center" gap={10}> <Line points={[]} stroke={theme.red.hex} @@ -159,7 +164,7 @@ export class FunctionBox extends Node { public *resetInput(duration: number) { yield* all( ...this.inputs.map((x) => - all(x.opacity(0, duration), x.fontSize(0, duration)), + all(x.opacity(1, duration), x.fontSize(this.inputFontSize, duration)), ), ...this.inputSegments.map((segment) => all(segment.points([], duration), segment.opacity(1, duration)), @@ -232,14 +237,13 @@ export class FunctionBox extends Node { public *propogateOutput(duration: number) { yield* all( - this.boxMoji().text(this.idlingText, duration), this.child()?.opacity(0.2, duration), this.output().opacity(0.2, duration), + this.output().fontSize(this.outputFontSize, duration), this.outputSegment().opacity(0, duration), ); const output = this.function(...this.currentArgs.map((input) => input.val)); - switch (typeof output) { case "function": yield this.output().add( @@ -271,6 +275,7 @@ export class FunctionBox extends Node { } yield* all( + this.boxMoji().text(this.idlingText, duration), this.outputSegment().points( [ { x: 0, y: 0 }, |