nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(stage-ui): model settings for live2d ui issue

Browse Source
This commit is contained in:
Neko Ayaka
2026-03-31 14:32:47 +08:00
parent d43d4dbc5e
commit 0cc08ff97f
2 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/stage-ui/src/components/scenarios/settings/model-settings/live2d.vue
+16 -10
View File
@@ -320,17 +320,23 @@ function handleMotionSelect(selectedMotionPath: string | number | undefined) {
</template>
</FieldCombobox>
<div :class="['mt-4', 'flex', 'items-center', 'justify-between']">
<div :class="['flex', 'flex-col', 'gap-1']">
<span :class="['text-sm', 'text-neutral-600', 'dark:text-neutral-400']">
{{ t('settings.live2d.fps.title') }}
</span>
<span :class="['text-xs', 'text-neutral-500', 'dark:text-neutral-400']">
{{ t('settings.live2d.fps.description') }}
</span>
<label class="flex flex-col gap-4">
<div :class="['flex items-center gap-2', 'flex-row']">
<div class="flex-1">
<div class="flex items-center gap-1 text-sm font-medium">
<slot name="label">
{{ t('settings.live2d.fps.title') }}
</slot>
</div>
<div class="text-xs text-neutral-500 dark:text-neutral-400">
<slot name="description">
{{ t('settings.live2d.fps.description') }}
</slot>
</div>
</div>
<SelectTab v-model="live2dMaxFps" :options="fpsOptions" size="sm" :class="['shrink-0']" />
</div>
<SelectTab v-model="live2dMaxFps" :options="fpsOptions" size="sm" :class="['w-48', 'shrink-0']" />
</div>
</label>
<div mt-4 flex items-center justify-between>
<span text-sm text-neutral-600 dark:text-neutral-400>Auto Blink</span>
packages/ui/src/components/form/select-tab/select-tab.vue
+3 -3
View File
@@ -28,8 +28,8 @@ const isDisabled = computed(() => props.disabled || props.readonly)
const sizeClasses = computed(() =>
props.size === 'sm'
? ['py-2', 'px-3', 'text-xs', 'rounded-md']
: ['py-2.5', 'px-3.5', 'text-sm', 'rounded-md'],
? ['py-2', 'px-3', 'text-xs', 'rounded-md', 'min-w-24']
: ['py-2.5', 'px-3.5', 'text-sm', 'rounded-md', 'min-w-32'],
)
const rootStyle = computed(() => ({
@@ -49,7 +49,7 @@ const rootStyle = computed(() => ({
:class="[
'select-tab',
'is-interacting',
'relative', 'flex', 'w-full', 'items-stretch', 'rounded-lg',
'relative', 'flex', 'items-stretch', 'rounded-lg',
'overflow-hidden',
'bg-white-400/6', 'dark:bg-neutral-950/70',
'transition-[border-color,box-shadow,opacity]', 'duration-200', 'ease-out',