AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

completionId: cgen-d9eabcb524dd4b4ca0c84756eb410acf

Browse source 
cgen-d9eabcb524dd4b4ca0c84756eb410acf
This commit is contained in:
Builder.io 2025-11-13 05:29:35 +00:00
parent 01f70192de
commit 3548af97c8
1 changed files with 27 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
client/components/LoadingScreen.tsx
View file

@ -178,24 +178,42 @@ export default function LoadingScreen({
{/* Progress Bar */} {/* Progress Bar */}
{showProgress && ( {showProgress && (
<div className="space-y-2"> <div className="space-y-3">
<div className="w-full bg-muted rounded-full h-2 overflow-hidden"> <div className="w-full bg-muted rounded-full h-3 overflow-hidden shadow-lg">
<div <div
className={`h-full bg-gradient-to-r ${accentColor} transition-all duration-300 ease-out`} className={`h-full bg-gradient-to-r ${accentColor} transition-all duration-300 ease-out`}
style={{ width: `${progress}%` }} style={{ width: `${progress}%` }}
/> />
</div> </div>
<div className="text-xs text-muted-foreground"> <div className="text-sm font-mono text-muted-foreground">
{Math.round(progress)}% {Math.round(progress)}% Complete
</div> </div>
</div> </div>
)} )}
{/* Loading Message */} {/* Loading Message - ENLARGED */}
<div className="space-y-2"> <div className="space-y-6">
<h3 className="text-lg font-semibold text-gradient animate-pulse"> <div>
{currentMessage} <h2 className="text-3xl md:text-4xl font-bold text-gradient animate-pulse mb-2">
</h3> AeThex OS
</h2>
<h3 className="text-xl md:text-2xl font-semibold text-foreground animate-pulse">
{currentMessage}
</h3>
</div>
{/* System Status Info */}
<div className="grid grid-cols-2 gap-4 text-sm font-mono text-muted-foreground bg-background/30 rounded-lg p-4 border border-border/50">
<div className="flex flex-col items-start">
<span className="text-xs opacity-70">KERNEL</span>
<span className="text-foreground font-semibold">AeThex v2.0</span>
</div>
<div className="flex flex-col items-start">
<span className="text-xs opacity-70">STATUS</span>
<span className="text-foreground font-semibold animate-pulse">BOOTING...</span>
</div>
</div>
<div className="text-sm text-muted-foreground loading-dots"> <div className="text-sm text-muted-foreground loading-dots">
Please wait while we prepare your experience Please wait while we prepare your experience
</div> </div>