This commit is contained in:
MarkLo127 2026-03-10 17:58:38 +08:00
parent d0c04d4048
commit 071c4bf5cf
3 changed files with 5 additions and 15 deletions

View File

@ -262,7 +262,7 @@ export default function AnalysisResultsPage() {
</CardHeader>
<CardContent>
{getNestedValue(analysisResult.reports, analyst.reportKey) ? (
<div className="prose prose-sm max-w-none dark:prose-invert animate-fade-in">
<div className="prose prose-sm xl:prose-base max-w-none dark:prose-invert animate-fade-in overflow-x-auto prose-table:border-collapse prose-table:w-full prose-td:border prose-td:border-gray-300 dark:prose-td:border-gray-600 prose-td:p-2 prose-th:border prose-th:border-gray-300 dark:prose-th:border-gray-600 prose-th:p-2 prose-th:bg-gray-100 dark:prose-th:bg-gray-800">
<ReactMarkdown remarkPlugins={[remarkGfm]}>
{getNestedValue(analysisResult.reports, analyst.reportKey)}
</ReactMarkdown>

View File

@ -424,16 +424,15 @@ function HistoryChatContent() {
)}
</div>
{/* Bubble */}
<div
className={`max-w-[85%] md:max-w-[75%] rounded-2xl px-5 py-4 text-base leading-relaxed shadow-sm ${
className={`max-w-[100%] md:max-w-[85%] rounded-2xl px-5 py-4 text-base leading-relaxed shadow-sm overflow-x-auto ${
msg.role === "user"
? "bg-gradient-to-r from-blue-500 to-cyan-500 text-white rounded-tr-sm"
: "bg-white dark:bg-gray-800 border border-gray-100 dark:border-gray-700 text-gray-800 dark:text-gray-200 rounded-tl-sm"
}`}
>
{msg.role === "assistant" ? (
<div className="prose prose-sm md:prose-base dark:prose-invert max-w-none [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_table]:text-sm">
<div className="prose prose-sm md:prose-base dark:prose-invert max-w-none [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 prose-table:border-collapse prose-table:w-full prose-td:border prose-td:border-gray-300 dark:prose-td:border-gray-600 prose-td:p-2 prose-th:border prose-th:border-gray-300 dark:prose-th:border-gray-600 prose-th:p-2 prose-th:bg-gray-100 dark:prose-th:bg-gray-800">
<ReactMarkdown remarkPlugins={[remarkGfm]}>
{msg.content}
</ReactMarkdown>
@ -480,16 +479,7 @@ function HistoryChatContent() {
<div className="flex flex-wrap items-center gap-2">
<Select value={selectedModelId} onValueChange={setSelectedModelId}>
<SelectTrigger className="w-fit min-w-[200px] h-9 text-sm bg-white dark:bg-gray-800 rounded-full border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700/50 shadow-sm transition-colors">
<div className="flex items-center gap-2 text-gray-700 dark:text-gray-300">
{(() => {
const activeModel = AVAILABLE_MODELS.find(m => m.id === selectedModelId);
if (activeModel?.logo) {
return <Image src={activeModel.logo} alt={activeModel.provider} width={16} height={16} className="shrink-0" />;
}
return <Settings2 className="h-4 w-4 text-purple-500 shrink-0" />;
})()}
<SelectValue placeholder="選擇模型" />
</div>
<SelectValue placeholder="選擇模型" />
</SelectTrigger>
<SelectContent className="max-h-[300px]">
{AVAILABLE_MODELS.map((m) => (

View File

@ -130,7 +130,7 @@ function ReportSection({ title, content }: { title: string; content: string }) {
return (
<div className="border rounded-lg p-4 bg-gradient-to-br from-blue-50/50 to-purple-50/50 dark:from-blue-900/10 dark:to-purple-900/10 hover:shadow-md transition-shadow">
<h3 className="font-semibold text-lg mb-2">{title}</h3>
<div className="prose prose-sm dark:prose-invert max-w-none">
<div className="prose prose-sm xl:prose-base dark:prose-invert max-w-none overflow-x-auto prose-table:border-collapse prose-table:w-full prose-td:border prose-td:border-gray-300 dark:prose-td:border-gray-600 prose-td:p-2 prose-th:border prose-th:border-gray-300 dark:prose-th:border-gray-600 prose-th:p-2 prose-th:bg-gray-100 dark:prose-th:bg-gray-800">
<ReactMarkdown remarkPlugins={[remarkGfm]}>
{content}
</ReactMarkdown>