Web UI - center the loading icon

This commit is contained in:
zl7261 2025-09-26 03:57:42 +00:00
parent 058ce83dba
commit a024793a6a
2 changed files with 2 additions and 2 deletions

View file

@ -189,7 +189,7 @@ function App() {
{/* Loading indicator in content area */} {/* Loading indicator in content area */}
<div className="flex flex-1 items-center justify-center"> <div className="flex flex-1 items-center justify-center">
<div className="text-center"> <div className="text-center">
<div className="mb-2 h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"></div> <div className="mb-2 h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent mx-auto"></div>
<p>Initializing...</p> <p>Initializing...</p>
</div> </div>
</div> </div>

View file

@ -248,7 +248,7 @@ const GraphViewer = () => {
{(isFetching || isThemeSwitching) && ( {(isFetching || isThemeSwitching) && (
<div className="absolute inset-0 flex items-center justify-center bg-background/80 z-10"> <div className="absolute inset-0 flex items-center justify-center bg-background/80 z-10">
<div className="text-center"> <div className="text-center">
<div className="mb-2 h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"></div> <div className="mb-2 h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent mx-auto"></div>
<p>{isThemeSwitching ? 'Switching Theme...' : 'Loading Graph Data...'}</p> <p>{isThemeSwitching ? 'Switching Theme...' : 'Loading Graph Data...'}</p>
</div> </div>
</div> </div>