[6.x] Hide default Statamic logo on frontend auth pages

resources/js/pages/layout/Outside.vue

@@ -7,10 +7,11 @@ import { colorMode } from '@api';
 import PortalTargets from "@/components/portals/PortalTargets.vue";
 
 useBodyClasses('bg-gray-50 dark:bg-gray-900 font-sans leading-normal scheme-light p-2 outside');
-const { logos, cmsName } = useStatamicPageProps();
+const { logos, cmsName, isCpRoute } = useStatamicPageProps();
 const customLogo = logos?.light?.outside ?? logos?.dark?.outside ?? null;
 const lightCustomLogo = logos?.light?.outside ?? null;
 const darkCustomLogo = logos?.dark?.outside ?? logos?.light?.outside ?? null;
+const showLogo = customLogo || logos?.text || isCpRoute;
 
 onMounted(() => {
     let userMode = localStorage.getItem('statamic.color_mode');
@@ -21,7 +22,7 @@ onMounted(() => {
 
 <template>
     <div class="relative mx-auto max-w-[400px] items-center justify-center">
-        <div class="flex items-center justify-center py-6">
+        <div v-if="showLogo" class="flex items-center justify-center py-6">
             <div class="logo max-w-3/4 md:pt-18">
                 <template v-if="customLogo">
                     <img
@@ -39,7 +40,7 @@ onMounted(() => {
                     v-else-if="logos.text"
                     class="mx-auto mb-8 max-w-xs text-center text-lg font-medium opacity-50"
                     v-text="logos.text" />
-                <StatamicLogo v-else class="h-6" />
+                <StatamicLogo v-else-if="isCpRoute" class="h-6" />
             </div>
         </div>
         <slot />

src/Http/Middleware/CP/HandleInertiaRequests.php

@@ -29,6 +29,7 @@ public function share(Request $request): array
                 'version' => Statamic::version(),
                 'cmsName' => __(Statamic::pro() ? config('statamic.cp.custom_cms_name', 'Statamic') : 'Statamic'),
                 'logos' => $this->logos(),
+                'isCpRoute' => Statamic::isCpRoute(),
             ],
             '_toasts' => $this->toasts($request),
         ]);