Files
AstrBot/dashboard/src/views/PersonaPage.vue
Weilong Liao 34dc91e4b0 perf: improve ui and supports edit skills file in webui (#7903)
* feat: update ExtensionCard variant to outlined and adjust InstalledPluginsTab layout for better responsiveness

* feat: update MCP servers management UI and add descriptions for better clarity

* feat: enhance OutlinedActionListItem component with clickable functionality and new slots

feat(i18n): update English, Russian, and Chinese translations for extension and knowledge base features

fix: improve DocumentDetail and KBDetail views with outlined card styles and remove unnecessary dividers

refactor: streamline KBList component to use OutlinedActionListItem for better UI consistency

style: adjust styles for knowledge base components and improve responsive design

test: add security tests for skill file browser and editor to prevent path traversal and file size issues

* feat: update UI components and styles for improved layout and readability
2026-04-30 22:11:15 +08:00

53 lines
1.2 KiB
Vue

<template>
<div class="persona-page">
<v-container fluid class="pa-0">
<!-- 页面标题 -->
<v-row class="d-flex justify-space-between align-center py-3 pb-6">
<div>
<h1 class="text-h2 mb-1">
{{ t('core.navigation.persona') }}
</h1>
<p class="text-body-2 text-medium-emphasis mb-0">
{{ tm('page.description') }}
</p>
</div>
</v-row>
<!-- 主容器组件 -->
<PersonaManager />
</v-container>
</div>
</template>
<script>
import { useI18n, useModuleI18n } from '@/i18n/composables';
import { PersonaManager } from '@/views/persona';
export default {
name: 'PersonaPage',
components: {
PersonaManager
},
setup() {
const { t } = useI18n();
const { tm } = useModuleI18n('features/persona');
return { t, tm };
}
};
</script>
<style scoped>
.persona-page {
margin: 0 auto;
max-width: 1400px;
padding: 24px;
width: 100%;
}
@media (max-width: 768px) {
.persona-page {
padding: 16px;
}
}
</style>