Remove startup reveal animation
Build and Deploy Gateway / build-and-push (push) Successful in 22s
Build and Deploy Gateway / deploy (push) Successful in 7s

This commit is contained in:
2026-08-15 10:34:19 +03:00
parent 804e08727e
commit 8eccdd4050
6 changed files with 19 additions and 58 deletions
+2 -2
View File
@@ -1,6 +1,6 @@
export const HARBOR_VERSIONS = Object.freeze({
macClient: '0.25.14',
gatewayClient: '0.26.13',
macClient: '0.25.15',
gatewayClient: '0.26.14',
gatewayBackend: '0.26.5',
});
+1 -8
View File
@@ -442,7 +442,6 @@ export function ClientOverviewPage({
const desiredServer = desiredProfile?.servers.find(({ id }) => id === selectedServerId);
const showPower = hasSubscription;
const [now, setNow] = useState(Date.now());
const [showIntro, setShowIntro] = useState(true);
const [copyFeedback, setCopyFeedback] = useState<CopyFeedbackMap>({});
const [copyAnnouncement, setCopyAnnouncement] = useState<CopyAnnouncement>({ text: '', cycle: 0 });
const [drawerSwitchTarget, setDrawerSwitchTarget] = useState<DrawerKey | null>(null);
@@ -580,12 +579,6 @@ export function ClientOverviewPage({
return () => clearInterval(timer);
}, [isGateway, connected, state?.connection?.startedAt]);
useEffect(() => {
if (!showIntro) return undefined;
const timer = setTimeout(() => setShowIntro(false), 1200);
return () => clearTimeout(timer);
}, [showIntro]);
useEffect(() => {
if (!hasSubscription) {
routingFeature.forceClose();
@@ -741,7 +734,7 @@ export function ClientOverviewPage({
return (
<div
className={`client-shell${!hasSubscription ? ' is-first-run' : ''}${showIntro ? ' is-intro' : ''}`}
className={`client-shell${!hasSubscription ? ' is-first-run' : ''}`}
>
<VersionDisplay isGateway={isGateway} versionInfo={versionInfo} />
<div className="client-live-region" role="status" aria-live="polite" aria-atomic="true">
-18
View File
@@ -233,24 +233,6 @@
text-shadow: 0 0 12px color-mix(in oklch, var(--client-accent) 34%, transparent);
}
.client-shell.is-intro .harbor-brand-content {
animation: harbor-startup-brand 760ms cubic-bezier(0.16, 1, 0.3, 1);
}
.client-shell.is-intro .client-panel > :not(.client-drawer),
.client-shell.is-intro .client-secondary-menu,
.client-shell.is-intro .harbor-versions {
animation: harbor-startup-content 720ms 120ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes harbor-startup-brand {
from { opacity: 0.35; filter: blur(5px); }
}
@keyframes harbor-startup-content {
from { opacity: 0; filter: blur(6px); }
}
.harbor-brand svg {
width: 24px;
height: 24px;
-6
View File
@@ -156,12 +156,6 @@
transition: none;
}
.client-shell.is-intro .client-panel > :not(.client-drawer),
.client-shell.is-intro .client-secondary-menu,
.client-shell.is-intro .harbor-versions {
animation: none;
}
.harbor-mode-stack em,
.harbor-mode-gateway > span,
.harbor-mode-swap g,