[F] Fix margins

src/animation/Home.ts

@@ -12,7 +12,7 @@ import Editor from "@/animation/components/Editor";
 export let renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.PerspectiveCamera
 export let editor: Editor
 const clock = new THREE.Clock()
-const objects: { [id: string]: THREE.Object3D } = {}
+export const objects: { [id: string]: THREE.Object3D } = {}
 const updatable: IUpdatable[] = []
 
 // ////////////////////
@@ -127,8 +127,9 @@ function addLights(): void
 {
     objects.hemiLight = addHemiLight(scene)
     objects.dirLight = addDirLight(scene)
-    // objects.ground = addGround(scene)
+    objects.ground = addGround(scene)
     objects.sky = addSky(scene)
+    objects.ground.visible = false
 
     renderer.outputEncoding = THREE.sRGBEncoding
     renderer.shadowMap.enabled = true

src/animation/components/Editor.ts

@@ -38,7 +38,7 @@ export default class Editor implements IUpdatable
                 this.scale -= direction / 10
                 this.hand.scale.set(this.scale, this.scale, this.scale)
             }
-            else this.z = minMax(this.z - direction, config.editor.zMin, config.editor.zMax)
+            else this.z = minMax(this.z - direction * 2, config.editor.zMin, config.editor.zMax)
 
         }, false)
     }

src/views/NewHome.vue

@@ -14,12 +14,19 @@
             <div class="separator"/>
 
             <div id="colors" class="fbox-h">
-                <span class="colors-text">Colors</span>
                 <div class="color" v-for="(c, i) in colors" :key="i" :style="{'background-color': c ?? '#333'}"
                      @click="e => openPicker(e, c)">
                     <div>{{(i + 1) % 10}}</div>
                 </div>
             </div>
+
+            <div class="f-grow1"></div>
+
+            <div class="separator"/>
+
+            <div>
+                Light
+            </div>
         </div>
         <MyColorPicker v-if="pickerColor" :color="pickerColor" style="z-index: 3"
                        @close="pickerColor = ''" :initial-pos="initialPos"
@@ -109,20 +116,20 @@ export default class NewHome extends KeyHandler
 
     #colors
         align-items: center
-        .colors-text
-            margin-right: 5px
 
         .color
             width: 12px
             height: 12px
-            margin-left: 5px
 
             div
                 margin-top: -10px
                 font-size: 8px
                 color: #8f8f8f
 
-#editor-controls > *
-    margin-right: 10px
+            + .color
+                margin-left: 5px
+
+#editor-controls > * + *
+    margin-left: 10px
 
 </style>