af97173eed
LoginClient 双布局 logo 从 CloudSun 图标+文字改为 /logo.png 图片。 ScanTerminalState 样式精简,LoadingSignal 调整,落地页细节优化。 Tested: tsc --noEmit 通过, npm run build 通过
36 lines
857 B
TypeScript
36 lines
857 B
TypeScript
import clsx from "clsx";
|
|
|
|
export function LoadingSignal({
|
|
title,
|
|
description,
|
|
compact = false,
|
|
}: {
|
|
title: string;
|
|
description?: string;
|
|
compact?: boolean;
|
|
}) {
|
|
return (
|
|
<div
|
|
className={clsx("scan-loading-signal", compact && "compact")}
|
|
role="status"
|
|
aria-live="polite"
|
|
>
|
|
<div className="scan-loading-spinner-wrapper" aria-hidden="true">
|
|
<div className="scan-loading-spinner-ring" />
|
|
<img
|
|
src="/static/logo.png"
|
|
alt="PolyWeather"
|
|
className="scan-loading-spinner-logo"
|
|
onError={(e) => {
|
|
(e.target as HTMLImageElement).src = "/logo.png";
|
|
}}
|
|
/>
|
|
</div>
|
|
<div className="scan-loading-copy-block">
|
|
<strong>{title}</strong>
|
|
{description ? <span>{description}</span> : null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|