style: update app name display in layout and loading overlay to enhance branding consistency
This commit is contained in:
@@ -13,7 +13,12 @@ export default function LayoutContent({ children }: { children: React.ReactNode
|
|||||||
auth={auth}
|
auth={auth}
|
||||||
LinkComponent={Link}
|
LinkComponent={Link}
|
||||||
logoSrc="/ciphera_icon_no_margins.png"
|
logoSrc="/ciphera_icon_no_margins.png"
|
||||||
appName="Ciphera Analytics"
|
appName={
|
||||||
|
<span className="flex items-center">
|
||||||
|
<span className="font-bold">Ciphera</span>
|
||||||
|
<span className="font-light">Analytics</span>
|
||||||
|
</span>
|
||||||
|
}
|
||||||
/>
|
/>
|
||||||
<main className="flex-1 pt-24 pb-8">
|
<main className="flex-1 pt-24 pb-8">
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
@@ -27,11 +27,11 @@ export default function LoadingOverlay({
|
|||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<img
|
<img
|
||||||
src={logoSrc}
|
src={logoSrc}
|
||||||
alt={title}
|
alt={typeof title === 'string' ? title : "Ciphera Analytics"}
|
||||||
className="h-12 w-auto object-contain"
|
className="h-12 w-auto object-contain"
|
||||||
/>
|
/>
|
||||||
<span className="text-3xl font-bold tracking-tight text-neutral-900 dark:text-white">
|
<span className="text-3xl tracking-tight text-neutral-900 dark:text-white">
|
||||||
{title}
|
<span className="font-bold">Ciphera</span><span className="font-light">Analytics</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="h-8 w-8 animate-spin rounded-full border-4 border-neutral-200 border-t-brand-orange dark:border-neutral-800 dark:border-t-brand-orange" />
|
<div className="h-8 w-8 animate-spin rounded-full border-4 border-neutral-200 border-t-brand-orange dark:border-neutral-800 dark:border-t-brand-orange" />
|
||||||
|
|||||||
Reference in New Issue
Block a user