The logo has been integrated into the site logo component

Author: w3labkr

README.md

@@ -128,15 +128,15 @@ Add `favicon.ico` file to `/app` directory
 
 - [Favicon.ico & App Icon Generator](https://www.favicon-generator.org)
 
-Generate manifest and splash screen
+Generate manifest and splash screen.
 
 ```shell
 vim public/manifest.json
 ```
 
-- [PWA Image Generator](https://www.pwabuilder.com/imageGenerator)
-- [Maskable Icon Generator](https://progressier.com/maskable-icons-editor)
-- [PWA Manifest Generator](https://www.simicart.com/manifest-generator.html)
+- [PWA Image Generator](https://www.pwabuilder.com/imageGenerator),
+ [Maskable Icon Generator](https://progressier.com/maskable-icons-editor),
+  [PWA Manifest Generator](https://www.simicart.com/manifest-generator.html)
 - [Custom Splash Screen on iOS](https://appsco.pe/developer/splash-screens)
 
 Start the development server.

app/auth/blocked/page.tsx

@@ -5,7 +5,7 @@ import { useRouter } from 'next/navigation'
 import { useTranslation } from 'react-i18next'
 
 import { toast } from 'sonner'
-import { Logo } from '@/components/logo'
+import { SiteLogo } from '@/components/site-logo'
 import { Title } from '@/components/title'
 import { CountryFlagButton } from '@/components/country-flag-button'
 
@@ -38,7 +38,7 @@ export default function BlockedPage() {
  <div className="container flex min-h-screen w-screen flex-col items-center justify-center py-8">
  <div className="mx-auto flex w-full max-w-[360px] flex-col justify-center space-y-6">
  <div className="flex flex-col space-y-2 text-center">
- <Logo />
+ <SiteLogo className="mx-auto size-12 min-w-12" />
  <Title translate="yes">your_account_has_been_blocked</Title>
  </div>
  <div className="grid gap-4">

app/auth/forgot-password/page.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { Logo } from '@/components/logo'
+import { SiteLogo } from '@/components/site-logo'
 import { Title } from '@/components/title'
 import { Description } from '@/components/description'
 import { TextLink } from '@/components/text-link'
@@ -22,7 +22,7 @@ export default function ForgotPasswordPage() {
  </ButtonLink>
  <div className="mx-auto flex w-full max-w-[320px] flex-col justify-center space-y-6">
  <div className="flex flex-col space-y-2 text-center">
- <Logo />
+ <SiteLogo className="mx-auto size-12 min-w-12" />
  <Title translate="yes">forgot_your_password</Title>
  <Description translate="yes">
  enter_your_email_address_below_and_we_will_send_you_a_message_to_reset_your_password

app/auth/reset-password/page.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { redirect } from 'next/navigation'
 
-import { Logo } from '@/components/logo'
+import { SiteLogo } from '@/components/site-logo'
 import { Title } from '@/components/title'
 import { Description } from '@/components/description'
 import { TextLink } from '@/components/text-link'
@@ -38,7 +38,7 @@ export default function ResetPasswordPage({
  </ButtonLink>
  <div className="mx-auto flex w-full max-w-[320px] flex-col justify-center space-y-6">
  <div className="flex flex-col space-y-2 text-center">
- <Logo />
+ <SiteLogo className="mx-auto size-12 min-w-12" />
  <Title translate="yes">reset_your_password</Title>
  <Description translate="yes">
  please_enter_your_new_password_below

app/auth/signin/page.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { Logo } from '@/components/logo'
+import { SiteLogo } from '@/components/site-logo'
 import { Title } from '@/components/title'
 import { Description } from '@/components/description'
 import { SignInWith } from '@/components/signin-with'
@@ -23,7 +23,7 @@ export default function SignInPage() {
  </ButtonLink>
  <div className="mx-auto flex w-full max-w-[320px] flex-col justify-center space-y-6">
  <div className="flex flex-col space-y-2 text-center">
- <Logo />
+ <SiteLogo className="mx-auto size-12 min-w-12" />
  <Title translate="yes">welcome_back</Title>
  <Description translate="yes">
  enter_your_email_to_sign_in_to_your_account

app/auth/signup/page.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { Logo } from '@/components/logo'
+import { SiteLogo } from '@/components/site-logo'
 import { Title } from '@/components/title'
 import { Description } from '@/components/description'
 import { TextLink } from '@/components/text-link'
@@ -22,7 +22,7 @@ export default function SignUpPage() {
  </ButtonLink>
  <div className="mx-auto flex w-full max-w-[320px] flex-col justify-center space-y-6">
  <div className="flex flex-col space-y-2 text-center">
- <Logo />
+ <SiteLogo className="mx-auto size-12 min-w-12" />
  <Title translate="yes">create_an_account</Title>
  <Description translate="yes">
  enter_your_email_below_to_create_your_account

components/logo.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import { cn } from '@/lib/utils'
 
 interface SiteLogoProps extends React.SVGProps<SVGSVGElement> {}
 
@@ -7,6 +8,7 @@ const SiteLogo = ({
  width = '1024',
  height = '1024',
  viewBox = '0 0 1024 1024',
+ className,
  ...props
 }: SiteLogoProps) => {
  return (
@@ -15,6 +17,7 @@ const SiteLogo = ({
  width={width}
  height={height}
  viewBox={viewBox}
+ className={cn('size-8 min-w-8', className)}
  {...props}
  >
  <path