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

fix(stage-ui): unify module settings panels (#2327)

Browse Source
This commit is contained in:
Neko
2026-08-19 18:14:38 +08:00
committed by GitHub
parent db89aaeee3
commit 4d68da4310
2 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/stage-ui/src/components/modules/GamingMinecraft.vue
+13 -7
View File
@@ -54,7 +54,13 @@ onMounted(() => {
</script>
<template>
<div :class="['flex flex-col gap-6']">
<div
:class="[
'h-fit w-full',
'flex flex-col gap-4',
'rounded-xl bg-neutral-100 p-4 dark:bg-[rgba(0,0,0,0.3)]',
]"
>
<Callout :theme="statusTheme" :label="statusLabel">
<div :class="['flex flex-col gap-2 text-sm']">
<div>
@@ -63,8 +69,8 @@ onMounted(() => {
</div>
</Callout>
<div :class="['rounded-2xl border border-neutral-200 bg-neutral-50/80 p-4 dark:border-neutral-800 dark:bg-neutral-900/50']">
<div :class="['mb-3 text-sm font-medium text-neutral-900 dark:text-neutral-100']">
<div :class="['flex flex-col gap-3']">
<div :class="['text-sm font-medium text-neutral-900 dark:text-neutral-100']">
{{ t('settings.pages.modules.gaming-minecraft.setup.title') }}
</div>
<div :class="['flex flex-col gap-2 text-sm text-neutral-600 dark:text-neutral-300']">
@@ -73,8 +79,8 @@ onMounted(() => {
</div>
</div>
<div :class="['rounded-2xl border border-neutral-200 bg-neutral-50/80 p-4 dark:border-neutral-800 dark:bg-neutral-900/50']">
<div :class="['mb-3 text-sm font-medium text-neutral-900 dark:text-neutral-100']">
<div :class="['flex flex-col gap-3']">
<div :class="['text-sm font-medium text-neutral-900 dark:text-neutral-100']">
{{ t('settings.pages.modules.gaming-minecraft.runtime.title') }}
</div>
<div :class="['grid gap-3 text-sm text-neutral-600 dark:text-neutral-300']">
@@ -97,8 +103,8 @@ onMounted(() => {
</div>
</div>
<div :class="['rounded-2xl border border-neutral-200 bg-neutral-50/80 p-4 dark:border-neutral-800 dark:bg-neutral-900/50']">
<div :class="['mb-3 text-sm font-medium text-neutral-900 dark:text-neutral-100']">
<div :class="['flex flex-col gap-3']">
<div :class="['text-sm font-medium text-neutral-900 dark:text-neutral-100']">
{{ t('settings.pages.modules.gaming-minecraft.debug.title') }}
</div>
<div
packages/stage-ui/src/components/modules/WebSearch.vue
+13 -5
View File
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { FieldCheckbox, FieldInput } from '@proj-airi/ui'
import { Callout, FieldCheckbox, FieldInput } from '@proj-airi/ui'
import { storeToRefs } from 'pinia'
import { useI18n } from 'vue-i18n'
@@ -13,7 +13,13 @@ const { enabled, apiKey, configured } = storeToRefs(webSearchStore)
</script>
<template>
<div flex="~ col gap-6">
<div
:class="[
'h-fit w-full',
'flex flex-col gap-4',
'rounded-xl bg-neutral-100 p-4 dark:bg-[rgba(0,0,0,0.3)]',
]"
>
<FieldCheckbox
v-model="enabled"
:label="t('settings.pages.modules.web-search.enable')"
@@ -28,8 +34,10 @@ const { enabled, apiKey, configured } = storeToRefs(webSearchStore)
:placeholder="t('settings.pages.modules.web-search.api-key-placeholder')"
/>
<div v-if="configured" class="rounded-lg bg-green-100 p-4 text-green-800 dark:bg-green-900 dark:text-green-100">
{{ t('settings.pages.modules.web-search.configured') }}
</div>
<Callout
v-if="configured"
theme="lime"
:label="t('settings.pages.modules.web-search.configured')"
/>
</div>
</template>