Refine admin nav spinner position

This commit is contained in:
Sam Becker 2025-02-10 22:40:14 -06:00
parent e0f795709b
commit 6b9ca44d95
2 changed files with 5 additions and 3 deletions

View File

@ -98,7 +98,7 @@ export default function AdminNavClient({
className={isPathAdminInsights(pathname)
? 'font-bold'
: 'text-dim'}
loader={<Spinner />}
loader={<Spinner className="translate-y-[-1px]" />}
>
<span className={clsx(
'size-[16px]',
@ -122,7 +122,7 @@ export default function AdminNavClient({
className={isPathAdminConfiguration(pathname)
? 'font-bold'
: 'text-dim'}
loader={<Spinner />}
loader={<Spinner className="translate-y-[-0.75px]" />}
>
<HiOutlineCog
size={20}

View File

@ -6,9 +6,11 @@ import Link from 'next/link';
export default function LinkWithLoader({
loader,
children,
debugLoading,
...props
}: ComponentProps<typeof Link> & {
loader: ReactNode
debugLoading?: boolean
}) {
return (
<LinkWithStatus {...props}>
@ -19,7 +21,7 @@ export default function LinkWithLoader({
)}>
{children}
</span>
{isLoading && <span className={clsx(
{(isLoading || debugLoading) && <span className={clsx(
'absolute inset-0',
'flex items-center justify-center',
)}>