assets/main.scss

@@ -401,7 +401,7 @@ button {
     }
 
     &-changer {
-        @apply flex gap-4 mt-4 max-h-40 overflow-auto;
+        @apply flex gap-3 mt-4 max-h-36 overflow-auto;
     }
 
     &-list {
@@ -445,7 +445,9 @@ button {
         }
     }
 }
-
+.calc{
+    @apply max-h-[800px] relative h-full;
+}
 .calc_table {
     @apply flex flex-col gap-2 self-end;
 

components/calc/models.vue

@@ -17,6 +17,7 @@ const cameraStat = reactive({
 })
 </script>
 <template>
+    <div class="calc">
         <ClientOnly fallback-tag="div">
             <template #fallback>
                 <div class="fallback">
@@ -41,4 +42,5 @@ const cameraStat = reactive({
                 </TresGroup>
             </TresCanvas>
         </ClientOnly>
+    </div>
 </template>