feat: apply new Revanios logos and typography in UI shells
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
Reference in New Issue
Block a user