center loader

This commit is contained in:
marko-kraemer 2025-08-27 16:55:01 -07:00
parent 6e7d16ff15
commit d2180bada3
2 changed files with 5 additions and 5 deletions

View File

@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev --turbopack", "dev": "next dev",
"build": "next build", "build": "next build",
"start": "next start", "start": "next start",
"lint": "next lint", "lint": "next lint",

View File

@ -366,7 +366,7 @@ export function FileAttachment({
}} }}
title={filename} title={filename}
> >
<div className="absolute inset-0 flex items-end justify-center pb-4"> <div className="absolute inset-0 flex items-center justify-center">
<Loader2 className="h-8 w-8 text-primary animate-spin" /> <Loader2 className="h-8 w-8 text-primary animate-spin" />
</div> </div>
</button> </button>
@ -590,19 +590,19 @@ export function FileAttachment({
{/* Loading state */} {/* Loading state */}
{fileContentLoading && !isPdf && ( {fileContentLoading && !isPdf && (
<div className="absolute inset-0 flex items-end justify-center bg-background/50 z-10 pb-8"> <div className="absolute inset-0 flex items-center justify-center bg-background/50 z-10">
<Loader2 className="h-8 w-8 text-primary animate-spin" /> <Loader2 className="h-8 w-8 text-primary animate-spin" />
</div> </div>
)} )}
{isPdf && pdfLoading && !pdfBlobUrl && ( {isPdf && pdfLoading && !pdfBlobUrl && (
<div className="absolute inset-0 flex items-end justify-center bg-background/50 z-10 pb-8"> <div className="absolute inset-0 flex items-center justify-center bg-background/50 z-10">
<Loader2 className="h-8 w-8 text-primary animate-spin" /> <Loader2 className="h-8 w-8 text-primary animate-spin" />
</div> </div>
)} )}
{isXlsx && xlsxLoading && !xlsxBlobUrl && ( {isXlsx && xlsxLoading && !xlsxBlobUrl && (
<div className="absolute inset-0 flex items-end justify-center bg-background/50 z-10 pb-8"> <div className="absolute inset-0 flex items-center justify-center bg-background/50 z-10">
<Loader2 className="h-8 w-8 text-primary animate-spin" /> <Loader2 className="h-8 w-8 text-primary animate-spin" />
</div> </div>
)} )}