mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #84

Merged
ksenia_mikhailova merged 141 commits from dev into main 2024-10-03 15:30:24 +03:00
Conversation 0 Commits 141 Files Changed 62 +28 -24
2 changed files with 28 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b30766cb3f - Show all commits

6
assets/main.scss
View File

@ -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;

46
components/calc/models.vue
View File

@ -17,28 +17,30 @@ const cameraStat = reactive({
})
</script>
<template>
<ClientOnly fallback-tag="div">
<template #fallback>
<div class="fallback">
Загрузка 3D модели
</div>
</template>
<Loader />
<Stats />
<TresCanvas clear-color="#e2e8f0">
<TresPerspectiveCamera v-bind="cameraStat" ref="camera" />
<OrbitControls v-bind="controlsState" make-default />
<Suspense>
<ModelSmoothCamera />
</Suspense>
<Suspense>
<ModelEnv />
</Suspense>
<TresGroup>
<div class="calc">
<ClientOnly fallback-tag="div">
<template #fallback>
<div class="fallback">
Загрузка 3D модели
</div>
</template>
<Loader />
<Stats />
<TresCanvas clear-color="#e2e8f0">
<TresPerspectiveCamera v-bind="cameraStat" ref="camera" />
<OrbitControls v-bind="controlsState" make-default />
<Suspense>
<ModelParametric />
<ModelSmoothCamera />
</Suspense>
</TresGroup>
</TresCanvas>
</ClientOnly>
<Suspense>
<ModelEnv />
</Suspense>
<TresGroup>
<Suspense>
<ModelParametric />
</Suspense>
</TresGroup>
</TresCanvas>
</ClientOnly>
</div>
</template>