kevin/ops2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化前端显示

Browse Source
This commit is contained in:
kevin
2026-06-11 13:44:30 +08:00
parent c1675f9ce5
commit 94cf23152c
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/ops_vue_js/src/views/HomeView.vue
+2 -1
View File
@@ -200,7 +200,8 @@ onMounted(() => {
</RouterLink> </RouterLink>
</div> </div>
<section class="mt-6"> <!-- AI 助手卡片 -->
<section class="mt-6 rounded-xl border border-gray-200 bg-white shadow-sm dark:border-dk-muted dark:bg-dk-card">
<AiChatView embedded /> <AiChatView embedded />
</section> </section>
</div> </div>
frontend/ops_vue_js/src/views/aichat/AiChatView.vue
+3 -3
View File
@@ -708,7 +708,7 @@ async function sendMessage() {
</script> </script>
<template> <template>
<div :class="embedded ? 'flex h-[70vh] min-h-[38rem] flex-col' : 'mx-auto flex h-[calc(100vh-7rem)] max-w-7xl flex-col px-4 py-6'"> <div :class="embedded ? 'flex h-[70vh] min-h-[38rem] flex-col p-4' : 'mx-auto flex h-[calc(100vh-7rem)] max-w-7xl flex-col px-4 py-6'">
<div :class="['mb-4 flex flex-wrap items-center justify-between gap-3', { 'px-1': embedded }]"> <div :class="['mb-4 flex flex-wrap items-center justify-between gap-3', { 'px-1': embedded }]">
<div> <div>
<h1 class="text-2xl font-bold text-gray-900 dark:text-dk-text"> <h1 class="text-2xl font-bold text-gray-900 dark:text-dk-text">
@@ -741,7 +741,7 @@ async function sendMessage() {
</div> </div>
<div class="grid min-h-0 flex-1 gap-4 lg:grid-cols-[18rem_minmax(0,1fr)]"> <div class="grid min-h-0 flex-1 gap-4 lg:grid-cols-[18rem_minmax(0,1fr)]">
<aside class="flex min-h-0 flex-col overflow-hidden rounded-xl border border-gray-200 bg-white shadow-lg dark:border-dk-muted dark:bg-dk-card"> <aside :class="['flex min-h-0 flex-col overflow-hidden rounded-xl border', embedded ? 'border-gray-200/70 bg-gray-50 shadow-none dark:border-dk-muted/70 dark:bg-dk-base' : 'border-gray-200 bg-white shadow-lg dark:border-dk-muted dark:bg-dk-card']">
<div class="border-b border-gray-200 p-4 dark:border-dk-muted"> <div class="border-b border-gray-200 p-4 dark:border-dk-muted">
<button <button
type="button" type="button"
@@ -841,7 +841,7 @@ async function sendMessage() {
</div> </div>
</aside> </aside>
<div class="flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border border-gray-200 bg-white shadow-lg dark:border-dk-muted dark:bg-dk-card"> <div :class="['flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border', embedded ? 'border-gray-200/70 bg-gray-50 shadow-none dark:border-dk-muted/70 dark:bg-dk-base' : 'border-gray-200 bg-white shadow-lg dark:border-dk-muted dark:bg-dk-card']">
<div ref="messageListRef" class="min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-6"> <div ref="messageListRef" class="min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-6">
<div v-if="messages.length === 0" class="flex h-full items-center justify-center text-center"> <div v-if="messages.length === 0" class="flex h-full items-center justify-center text-center">
<div class="max-w-md"> <div class="max-w-md">