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="relative z-10 flex items-center gap-4 p-10">
<Image
src="/logo/LogoWithBg.png"
alt="Cognis logo"
width={64}
src="/logo/lightLogo.png"
alt="Revanios"
width={240}
height={64}
className="h-16 w-16 rounded-sm object-cover border border-red-500"
className="h-16 w-auto object-contain"
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 className="relative z-10 px-10">
@@ -91,7 +85,7 @@ export function AuthPageShell({
variant="lead"
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
tasarlanır.
</Typography>
@@ -156,11 +150,11 @@ export function AuthPageShell({
>
<div className="mb-8 flex justify-center lg:hidden">
<Image
src="/logo/LogoWithBg.png"
alt="Cognis logo"
width={84}
height={84}
className="h-20 w-20 rounded-sm object-cover"
src="/logo/blackLogo.png"
alt="Revanios logo"
width={180}
height={56}
className="h-14 w-auto object-contain"
priority
/>
</div>
+11 -16
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">
<Link href="/" className="flex items-center gap-2 font-semibold">
<Image
src="/logo/LogoWithBg.png"
alt="Cognis"
width={32}
src="/logo/blackLogo.png"
alt="Revanios"
width={120}
height={32}
className="rounded-sm object-cover"
className="h-8 w-auto object-contain"
priority
/>
Cognis
</Link>
<Button
type="button"
@@ -115,20 +114,16 @@ function AppSidebar({
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">
<SidebarBranding
title="Cognis"
subtitle="Freelancer OS"
logo={
<Link href="/">
<Image
src="/logo/LogoWithBg.png"
alt="Cognis"
width={36}
height={36}
className="h-9 w-9 rounded-sm object-cover"
src="/logo/blackLogo.png"
alt="Revanios"
width={160}
height={48}
className="h-12 w-auto object-contain"
priority
/>
}
/>
</Link>
</SidebarHeader>
<SidebarSeparator className="mx-0 my-0 w-full" />
+11 -16
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">
<Link href="/portal" className="flex items-center gap-2 font-semibold">
<Image
src="/logo/LogoWithBg.png"
alt="Cognis"
width={32}
src="/logo/blackLogo.png"
alt="Revanios"
width={120}
height={32}
className="rounded-sm object-cover"
className="h-8 w-auto object-contain"
priority
/>
<span className="hidden sm:inline">Cognis Portal</span>
</Link>
<div className="flex items-center gap-4">
<Button
@@ -121,20 +120,16 @@ function AppSidebar({
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">
<SidebarBranding
title="Cognis"
subtitle="Freelancer OS"
logo={
<Link href="/portal">
<Image
src="/logo/LogoWithBg.png"
alt="Cognis"
width={36}
height={36}
className="h-9 w-9 rounded-sm object-cover"
src="/logo/blackLogo.png"
alt="Revanios"
width={160}
height={48}
className="h-12 w-auto object-contain"
priority
/>
}
/>
</Link>
</SidebarHeader>
<SidebarSeparator className="mx-0 my-0 w-full" />