feat: apply new Revanios logos and typography in UI shells

This commit is contained in:
poyrazavsever
2026-06-08 23:19:57 +03:00
parent 0ceb9e2a8b
commit 6d8e73a1d3
3 changed files with 38 additions and 54 deletions
+10 -16
View File
@@ -64,19 +64,13 @@ export function AuthPageShell({
<div className="absolute inset-0 opacity-20 bg-[linear-gradient(rgba(255,255,255,.18)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,.18)_1px,transparent_1px)] bg-size-[32px_32px]" /> <div className="absolute inset-0 opacity-20 bg-[linear-gradient(rgba(255,255,255,.18)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,.18)_1px,transparent_1px)] bg-size-[32px_32px]" />
<div className="relative z-10 flex items-center gap-4 p-10"> <div className="relative z-10 flex items-center gap-4 p-10">
<Image <Image
src="/logo/LogoWithBg.png" src="/logo/lightLogo.png"
alt="Cognis logo" alt="Revanios"
width={64} width={240}
height={64} height={64}
className="h-16 w-16 rounded-sm object-cover border border-red-500" className="h-16 w-auto object-contain"
priority priority
/> />
<div>
<div className="text-lg font-bold leading-none">Cognis</div>
<div className="mt-1 text-sm text-primary-foreground/75">
Freelancer OS
</div>
</div>
</div> </div>
<div className="relative z-10 px-10"> <div className="relative z-10 px-10">
@@ -91,7 +85,7 @@ export function AuthPageShell({
variant="lead" variant="lead"
className="mt-6 max-w-xl text-primary-foreground/78" className="mt-6 max-w-xl text-primary-foreground/78"
> >
Cognis, günlük operasyonunu, projelerini, side projectlerini ve Revanios, günlük operasyonunu, projelerini, side projectlerini ve
temel finans durumunu sade raporlarla takip etmen için temel finans durumunu sade raporlarla takip etmen için
tasarlanır. tasarlanır.
</Typography> </Typography>
@@ -156,11 +150,11 @@ export function AuthPageShell({
> >
<div className="mb-8 flex justify-center lg:hidden"> <div className="mb-8 flex justify-center lg:hidden">
<Image <Image
src="/logo/LogoWithBg.png" src="/logo/blackLogo.png"
alt="Cognis logo" alt="Revanios logo"
width={84} width={180}
height={84} height={56}
className="h-20 w-20 rounded-sm object-cover" className="h-14 w-auto object-contain"
priority priority
/> />
</div> </div>
+14 -19
View File
@@ -74,14 +74,13 @@ export function DashboardShell({ children, user }: DashboardShellProps) {
<header className="sticky top-0 z-30 flex h-14 items-center justify-between border-b border-border bg-background/95 px-4 backdrop-blur lg:hidden"> <header className="sticky top-0 z-30 flex h-14 items-center justify-between border-b border-border bg-background/95 px-4 backdrop-blur lg:hidden">
<Link href="/" className="flex items-center gap-2 font-semibold"> <Link href="/" className="flex items-center gap-2 font-semibold">
<Image <Image
src="/logo/LogoWithBg.png" src="/logo/blackLogo.png"
alt="Cognis" alt="Revanios"
width={32} width={120}
height={32} height={32}
className="rounded-sm object-cover" className="h-8 w-auto object-contain"
priority priority
/> />
Cognis
</Link> </Link>
<Button <Button
type="button" type="button"
@@ -115,20 +114,16 @@ function AppSidebar({
className="flex h-dvh max-h-dvh flex-col overflow-hidden rounded-none border-0" className="flex h-dvh max-h-dvh flex-col overflow-hidden rounded-none border-0"
> >
<SidebarHeader className="shrink-0 border-b-0 px-6 py-6"> <SidebarHeader className="shrink-0 border-b-0 px-6 py-6">
<SidebarBranding <Link href="/">
title="Cognis" <Image
subtitle="Freelancer OS" src="/logo/blackLogo.png"
logo={ alt="Revanios"
<Image width={160}
src="/logo/LogoWithBg.png" height={48}
alt="Cognis" className="h-12 w-auto object-contain"
width={36} priority
height={36} />
className="h-9 w-9 rounded-sm object-cover" </Link>
priority
/>
}
/>
</SidebarHeader> </SidebarHeader>
<SidebarSeparator className="mx-0 my-0 w-full" /> <SidebarSeparator className="mx-0 my-0 w-full" />
+14 -19
View File
@@ -76,14 +76,13 @@ export function PortalShell({ children, user, progress }: PortalShellProps) {
<header className="sticky top-0 z-30 flex h-14 items-center justify-between border-b border-border bg-background/95 px-4 backdrop-blur lg:hidden"> <header className="sticky top-0 z-30 flex h-14 items-center justify-between border-b border-border bg-background/95 px-4 backdrop-blur lg:hidden">
<Link href="/portal" className="flex items-center gap-2 font-semibold"> <Link href="/portal" className="flex items-center gap-2 font-semibold">
<Image <Image
src="/logo/LogoWithBg.png" src="/logo/blackLogo.png"
alt="Cognis" alt="Revanios"
width={32} width={120}
height={32} height={32}
className="rounded-sm object-cover" className="h-8 w-auto object-contain"
priority priority
/> />
<span className="hidden sm:inline">Cognis Portal</span>
</Link> </Link>
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<Button <Button
@@ -121,20 +120,16 @@ function AppSidebar({
className="flex h-dvh max-h-dvh flex-col overflow-hidden rounded-none border-0" className="flex h-dvh max-h-dvh flex-col overflow-hidden rounded-none border-0"
> >
<SidebarHeader className="shrink-0 border-b-0 px-6 py-6"> <SidebarHeader className="shrink-0 border-b-0 px-6 py-6">
<SidebarBranding <Link href="/portal">
title="Cognis" <Image
subtitle="Freelancer OS" src="/logo/blackLogo.png"
logo={ alt="Revanios"
<Image width={160}
src="/logo/LogoWithBg.png" height={48}
alt="Cognis" className="h-12 w-auto object-contain"
width={36} priority
height={36} />
className="h-9 w-9 rounded-sm object-cover" </Link>
priority
/>
}
/>
</SidebarHeader> </SidebarHeader>
<SidebarSeparator className="mx-0 my-0 w-full" /> <SidebarSeparator className="mx-0 my-0 w-full" />