feat(reports): drop the report centre intro; docs for self edit and account menu (S3+S4)
「我的报告」 starts at 报告记录: the supporting paragraph and the overview line are gone. CHANGELOG, DESIGN, the real-device checklist and PROGRESS for TASK-self-edit-avatar-menu-20260928. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01N4f2nya58RoRu4yEmJgRGE
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
c15def0c50
commit
cfed06822f
@@ -3738,8 +3738,7 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
|
||||
.payment-qr-badge { position: absolute; top: 50%; left: 50%; display: grid; width: 44px; height: 44px; padding: 4px; transform: translate(-50%, -50%); border: 4px solid #fff; border-radius: 12px; background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 18%); }
|
||||
.payment-qr-badge svg { display: block; width: 100%; height: 100%; }
|
||||
|
||||
/* Global report centre — quiet archive, independent from chat sessions. */.report-center-hero,
|
||||
.report-center-section{
|
||||
/* Global report centre — quiet archive, independent from chat sessions. */.report-center-section{
|
||||
width: min(900px, 100%);
|
||||
margin-inline: auto;
|
||||
}.report-center-section-heading button:focus-visible,
|
||||
@@ -3750,28 +3749,6 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
|
||||
}.report-center-section-heading button svg,
|
||||
.personal-report-back svg,
|
||||
.personal-report-action-end svg{ width: 16px; height: 16px; }
|
||||
.report-center-hero {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: end;
|
||||
gap: var(--space-8);
|
||||
padding: var(--space-10) 0 var(--space-8);
|
||||
}
|
||||
.report-center-hero > div { max-width: 760px; }
|
||||
.report-center-hero > div > p:not(.report-center-meta) {
|
||||
max-width: 660px;
|
||||
margin: var(--space-4) 0 0;
|
||||
color: var(--color-ink-secondary);
|
||||
font-size: var(--type-body-md);
|
||||
line-height: 1.65;
|
||||
text-wrap: pretty;
|
||||
}
|
||||
.report-center-meta {
|
||||
margin: var(--space-4) 0 0;
|
||||
color: var(--color-ink-tertiary);
|
||||
font-size: var(--type-caption);
|
||||
line-height: 1.4;
|
||||
}
|
||||
.report-center-section-heading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -3951,7 +3928,6 @@ input:not([type="radio"]):not([type="checkbox"]):not([class^="ant-"]):not([class
|
||||
.report-center-message p { margin: 0; color: var(--color-ink-secondary); font-size: var(--type-body-sm); }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.report-center-hero { grid-template-columns: 1fr; align-items: start; gap: var(--space-6); padding-block: var(--space-8) var(--space-6); }
|
||||
.report-center-row { grid-template-columns: 1fr; gap: var(--space-3); }
|
||||
.report-center-row-actions { justify-content: flex-start; justify-self: start; }
|
||||
.report-center-failure { justify-self: start; }
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import { AppLink } from "@/components/app-link";
|
||||
import { Clock3, FileText, RefreshCw } from "lucide-react";
|
||||
import { InlineSpinner } from "@/components/inline-spinner";
|
||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||||
import { useCallback, useEffect, useRef, useState } from "react";
|
||||
|
||||
import { SecondaryPageShell } from "@/components/secondary-page-shell";
|
||||
import { readCurrentSubjectScope, useCurrentSubjectScope, useCurrentSubjectReady } from "@/lib/current-subject";
|
||||
@@ -127,11 +127,6 @@ export function PersonalReportCenter() {
|
||||
onPoll: refresh,
|
||||
});
|
||||
|
||||
const latestReady = useMemo(
|
||||
() => state.reports.find((report) => report.status === "ready") ?? null,
|
||||
[state.reports],
|
||||
);
|
||||
|
||||
const removeReport = useCallback((id: string) => {
|
||||
deletedIds.current.add(id);
|
||||
invalidateReportsPage();
|
||||
@@ -161,15 +156,6 @@ export function PersonalReportCenter() {
|
||||
actions={<GeneratePersonalReportButton onCreated={() => void load()} />}
|
||||
>
|
||||
<div className="report-center-body">
|
||||
<section className="report-center-hero">
|
||||
<div>
|
||||
<p>有填报到分钟的出生时间即可生成;未校正会标明为方向性参考。只有日期和时段时,完整本命报告需要具体分钟,生时校正可选。与某一次对话无关。创建后会在后台继续处理,你无需停留等待。</p>
|
||||
<p className="report-center-meta" aria-label="报告概览">
|
||||
共 {state.reports.length} 份 · 已完成 {state.reports.filter((report) => report.status === "ready").length} 份 · {hasGenerating ? "有报告生成中" : latestReady ? "最新报告可查看" : "尚待生成"}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="report-center-section">
|
||||
<div className="report-center-section-heading">
|
||||
<h2>报告记录</h2>
|
||||
|
||||
Reference in New Issue
Block a user