LoadingSignal 升级:换用新品牌 logo,明亮简洁蓝色旋转动画
logo 改用 apple-touch-icon,spinner 改为蓝色渐变环 + 微光晕 + cubic-bezier 缓动曲线,整体更轻盈现代。 同时 ScanTerminalScreen 加载态接入 ScanTerminalLoadingScreen。
This commit is contained in:
@@ -56,6 +56,8 @@ import {
|
||||
useScanTerminalTheme,
|
||||
useUserLocalClock,
|
||||
} from "@/components/dashboard/scan-terminal/use-scan-terminal-ui-state";
|
||||
import { ScanTerminalLoadingScreen } from "@/components/dashboard/scan-terminal/ScanTerminalShellParts";
|
||||
import { scanRootClass } from "@/components/dashboard/scan-root-styles";
|
||||
import { useRelativeTime } from "@/hooks/useRelativeTime";
|
||||
|
||||
function createEmptyAccess(loading = true): ProAccessState {
|
||||
@@ -1165,7 +1167,7 @@ function ScanTerminalScreen() {
|
||||
const isPro =
|
||||
hydrated && (proAccess.subscriptionActive || canUseLocalFullAccess);
|
||||
const userLocalTime = useUserLocalClock();
|
||||
useScanTerminalTheme();
|
||||
const { themeMode } = useScanTerminalTheme();
|
||||
|
||||
useEffect(() => {
|
||||
let cancelled = false;
|
||||
@@ -1253,11 +1255,12 @@ function ScanTerminalScreen() {
|
||||
|
||||
if (!hydrated || (proAccess.loading && !canUseLocalFullAccess)) {
|
||||
return (
|
||||
<div className="grid h-screen w-full place-items-center bg-[#e9edf3]">
|
||||
<div className="rounded border border-slate-300 bg-white px-5 py-4 text-sm font-bold text-slate-600 shadow-sm">
|
||||
Loading paid terminal...
|
||||
</div>
|
||||
</div>
|
||||
<ScanTerminalLoadingScreen
|
||||
isEn={isEn}
|
||||
rootClassName={scanRootClass}
|
||||
themeMode={themeMode}
|
||||
userLocalTime={userLocalTime}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user