mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 14:30:41 +00:00
4f3a5ae184
## Summary Fixes squashed `input controls` (color picker, sliders, dropdowns) in the 3D asset inspector side panel. ## Screenshots before <img width="3012" height="1580" alt="image" src="https://github.com/user-attachments/assets/edc6fadc-cdc5-4a4e-92e7-57faabfeb1a4" /> after <img width="4172" height="2062" alt="image" src="https://github.com/user-attachments/assets/766324ce-e8f7-43fc-899e-ae275f880e59" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-10768-fix-load3d-fix-squashed-controls-in-3D-inspector-side-panel-3346d73d365081e8b438de8115180685) by [Unito](https://www.unito.io)
32 lines
794 B
Vue
32 lines
794 B
Vue
<template>
|
|
<div class="flex flex-col gap-2">
|
|
<label>{{ $t('load3d.lightIntensity') }}</label>
|
|
|
|
<Slider
|
|
v-model="lightIntensity"
|
|
class="w-full"
|
|
:min="lightIntensityMinimum"
|
|
:max="lightIntensityMaximum"
|
|
:step="lightAdjustmentIncrement"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Slider from 'primevue/slider'
|
|
|
|
import { useSettingStore } from '@/platform/settings/settingStore'
|
|
|
|
const lightIntensity = defineModel<number>('lightIntensity')
|
|
|
|
const lightIntensityMaximum = useSettingStore().get(
|
|
'Comfy.Load3D.LightIntensityMaximum'
|
|
)
|
|
const lightIntensityMinimum = useSettingStore().get(
|
|
'Comfy.Load3D.LightIntensityMinimum'
|
|
)
|
|
const lightAdjustmentIncrement = useSettingStore().get(
|
|
'Comfy.Load3D.LightAdjustmentIncrement'
|
|
)
|
|
</script>
|