calc

assets/main.scss

@@ -67,7 +67,7 @@ a[href^="#"] {
         }
     }
     &_calc {
-        @apply pb-0;
+        @apply py-0;
     }
 
     &-content {

components/calcValues.vue

@@ -49,7 +49,7 @@ const setPillarColor = (color: string) => {
 watch(form_state, changeParametres, { deep: true })
 </script>
 <template>
-    <div class="container">
+    <div class="container py-4">
         <form class="form">
             <div class="form-row">
                 <div class="form-item">
@@ -67,8 +67,6 @@ watch(form_state, changeParametres, { deep: true })
                     <input id="lamelle_color" type="text" v-model="lamelle_color" disabled />
                     <ColorPicker :color="lamelle_color" :cb="setLamelleColor" />
                 </div>
-            </div>
-            <div class="form-row">
                 <div class="form-item">
                     <label for="pillar_color">Цвет столба</label>
                     <input id="pillar_color" type="text" v-model="pillar_color" disabled />

components/model/parametric.vue

@@ -14,6 +14,7 @@ const pillar_size = 80 * 0.001
 const { renderer } = useTresContext()
 renderer.value.toneMapping = CineonToneMapping
 
+renderer.value.shadowMap.enabled = true
 renderer.value.shadowMap.type = PCFShadowMap
 </script>
 <template>
@@ -24,7 +25,7 @@ renderer.value.shadowMap.type = PCFShadowMap
         <Suspense>
             <TresGroup :scale="3" :rotate-y="-Math.PI * -0.5" :translate-y="-3.25">
                 <TresMesh receive-shadow>
-                    <TresCircleGeometry :args="[8, 8, 8]" :rotate-x="-Math.PI * 0.5" :rotate-y="-Math.PI * 0.5" />
+                    <TresCircleGeometry :args="[8, 8, 8]" :rotate-x="-Math.PI * 0.5" />
                 </TresMesh>
                 <ModelItem model-url="/models_one/bottom.glb"
                     :position="[-fence_section * 0.5 - pillar_size, -bSize, 0]" :remove-pos="true"