Add inputs

src/jsMain/kotlin/nl/astraeus/vst/chip/view/MainView.kt

@@ -169,21 +169,41 @@ object MainView : Komponent(), CssName {
           Midi.send(data)
         }
       }
-      div {
+      div(ControlsCss.name) {
         include(
           KnobComponent(
             value = VstChipWorklet.volume,
             label = "Volume",
             minValue = 0.0,
             maxValue = 1.0,
-            step = 2.0 / 127.0,
-            width = 200,
-            height = 160
+            step = 2.0 / 127.0
           ) { value ->
             println("Value changed: ${formatDouble(value, 2)}")
             VstChipWorklet.volume = value
           }
         )
+        include(
+          KnobComponent(
+            value = VstChipWorklet.fmModFreq,
+            label = "FM Freq",
+            minValue = 0.0,
+            maxValue = 1.0,
+            step = 2.0 / 127.0
+          ) { value ->
+            VstChipWorklet.fmModFreq = value
+          }
+        )
+        include(
+          KnobComponent(
+            value = VstChipWorklet.fmModAmp,
+            label = "FM Ampl",
+            minValue = 0.0,
+            maxValue = 1.0,
+            step = 2.0 / 127.0
+          ) { value ->
+            VstChipWorklet.fmModAmp = value
+          }
+        )
       }
     }
   }
@@ -195,6 +215,7 @@ object MainView : Komponent(), CssName {
   object StartSplashCss : CssName
   object StartBoxCss : CssName
   object StartButtonCss : CssName
+  object ControlsCss : CssName
 
   private fun css() {
       defineCss {
@@ -282,8 +303,17 @@ object MainView : Komponent(), CssName {
             }
           }
         }
+        select(ControlsCss.cls()) {
+          display(Display.flex)
+          flexDirection(FlexDirection.column)
+          justifyContent(JustifyContent.center)
+          alignItems(AlignItems.center)
+          margin(1.rem)
+          padding(1.rem)
+          backgroundColor(Css.currentStyle.mainBackgroundColor)
+        }
       }
-    }
+  }
 
 
 }