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 */}
<div className="flex flex-1 items-center justify-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>
</div>
</div>

View file

@ -248,7 +248,7 @@ const GraphViewer = () => {
{(isFetching || isThemeSwitching) && (
<div className="absolute inset-0 flex items-center justify-center bg-background/80 z-10">
<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>
</div>
</div>