add folder for physics box

1 files changed, 72 insertions, 0 deletions

diff --git a/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.scss b/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.scss
new file mode 100644
index 000000000..0f05010b4
--- /dev/null
+++ b/src/client/views/nodes/PhysicsBox/PhysicsSimulationBox.scss
@@ -0,0 +1,72 @@
+* {
+ box-sizing: border-box;
+ font-size: 14px;
+}
+
+.mechanicsSimulationContainer {
+ background-color: white;
+ height: 100%;
+ width: 100%;
+ display: flex;
+
+ .mechanicsSimulationEquationContainer {
+   position: fixed;
+   left: 70%;
+   padding: 1em;
+
+   .mechanicsSimulationControls {
+     display: flex;
+     justify-content: space-between;
+   }
+ }
+}
+
+.coordinateSystem {
+ z-index: -100;
+}
+
+th,
+td {
+ border-collapse: collapse;
+ padding: 1em;
+}
+
+table {
+ min-width: 300px;
+}
+
+tr:nth-child(even) {
+ background-color: #d6eeee;
+}
+
+button {
+ z-index: 50;
+}
+
+.angleLabel {
+ font-weight: bold;
+ font-size: 20px;
+ user-select: none;
+ pointer-events: none;
+}
+
+.mechanicsSimulationSettingsMenu {
+  width: 100%;
+  height: 100%;
+  font-size: 12px;
+  background-color: rgb(224, 224, 224);
+  border-radius: 2px;
+  border-color: black;
+  border-style: solid;
+  padding: 10px;
+  position: fixed;
+  z-index: 1000;
+}
+
+.mechanicsSimulationSettingsMenuRow {
+  display: flex;
+}
+
+.mechanicsSimulationSettingsMenuRowDescription {
+  width: 50%;
+}
\ No newline at end of file