From 05572d84046d7113663ae02b3ba545766c69da33 Mon Sep 17 00:00:00 2001
From: Elizabeth Hunt <elizabeth.hunt@simponic.xyz>
Date: Thu, 8 Feb 2024 19:35:56 -0700
Subject: update

---
 src/components/function_box.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'src/components/function_box.tsx')

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 },
-- 
cgit v1.3

