chore: remove Logto signature branding

Author: wintbiit

packages/account/src/App.module.scss

@@ -100,10 +100,6 @@
     position: relative;
     background: var(--color-bg-body);
   }
-
-  .signature {
-    margin: _.unit(10) 0 _.unit(2);
-  }
 }
 
 :global(body.desktop) {
@@ -121,14 +117,6 @@
     box-shadow: var(--color-shadow-2);
   }
 
-  .signature {
-    position: absolute;
-    bottom: 0;
-    transform: translateY(calc(100% + _.unit(7)));
-    // Have to use padding instead of margin. Overflow margin spacing will be ignored by the browser.
-    padding-bottom: _.unit(7);
-  }
-
   @media only screen and (max-width: 800px) {
     .main:not(.cardMain) {
       width: auto;

packages/account/src/App.tsx

@@ -1,4 +1,3 @@
-import LogtoSignature from '@experience/shared/components/LogtoSignature';
 import { LogtoProvider, ReservedScope, useLogto, UserScope } from '@logto/react';
 import { accountCenterApplicationId, SignInIdentifier } from '@logto/schemas';
 import classNames from 'classnames';
@@ -189,8 +188,7 @@ export const Main = () => {
 };
 
 const Layout = () => {
-  const { accountCenterSettings, experienceSettings, theme, platform } = useContext(PageContext);
-  const hideLogtoBranding = experienceSettings?.hideLogtoBranding === true;
+  const { accountCenterSettings, experienceSettings, platform } = useContext(PageContext);
   const { pathname } = useLocation();
   const showsSecurityPage = hasVisibleSecuritySection(accountCenterSettings, experienceSettings);
   const hasProfilePage = isDevFeaturesEnabled;
@@ -245,12 +243,6 @@ const Layout = () => {
                   <Main />
                 </LogtoErrorBoundary>
               </ErrorBoundary>
-              {!isFullPage && !hideLogtoBranding && (
-                <LogtoSignature
-                  className={classNames(styles.signature, layoutClassNames.signature)}
-                  theme={theme}
-                />
-              )}
             </main>
           </AccountLayoutProvider>
         </div>

packages/account/src/components/PageFooter/index.module.scss

@@ -38,11 +38,6 @@
   }
 }
 
-.signature {
-  flex-shrink: 0;
-  max-width: 100%;
-}
-
 :global(body.mobile) {
   .footer {
     flex-wrap: wrap;

packages/account/src/components/PageFooter/index.tsx

@@ -1,4 +1,3 @@
-import LogtoSignature from '@experience/shared/components/LogtoSignature';
 import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -8,8 +7,7 @@ import styles from './index.module.scss';
 
 const PageFooter = () => {
   const { t } = useTranslation();
-  const { theme, experienceSettings } = useContext(PageContext);
-  const hideLogtoBranding = experienceSettings?.hideLogtoBranding === true;
+  const { experienceSettings } = useContext(PageContext);
   const { termsOfUseUrl, privacyPolicyUrl, supportEmail, supportWebsiteUrl } =
     experienceSettings ?? {};
   // Use `||` to treat empty string as missing so the mailto fallback works
@@ -37,7 +35,6 @@ const PageFooter = () => {
           </a>
         )}
       </div>
-      {!hideLogtoBranding && <LogtoSignature className={styles.signature} theme={theme} />}
     </footer>
   );
 };

packages/account/src/constants/layout.ts

@@ -16,8 +16,6 @@ export const layoutClassNames = Object.freeze({
   cardContainer: 'logto_ac-card-container',
   /** Card-style `<main>` inside the card container. */
   cardMain: 'logto_ac-card-main',
-  /** Logto signature / branding footer. */
-  signature: 'logto_ac-signature',
   /** Top-level page header (logo + app name bar). */
   pageHeader: 'logto_ac-page-header',
   /** Page title text (on Security / Home page). */

packages/experience/src/Layout/AppLayout/index.module.scss

@@ -28,10 +28,6 @@
     position: relative;
     background: var(--color-bg-body);
   }
-
-  .signature {
-    margin: _.unit(10) 0 _.unit(2);
-  }
 }
 
 :global(body.desktop) {
@@ -49,14 +45,6 @@
     box-shadow: var(--color-shadow-2);
   }
 
-  .signature {
-    position: absolute;
-    bottom: 0;
-    transform: translateY(calc(100% + _.unit(7)));
-    // Have to use padding instead of margin. Overflow margin spacing will be ignored by the browser.
-    padding-bottom: _.unit(7);
-  }
-
   @media only screen and (max-width: 580px) {
     .main {
       align-self: stretch;

packages/experience/src/shared/components/LogtoSignature/index.module.scss

@@ -2,6 +2,5 @@ export const layoutClassNames = Object.freeze({
   pageContainer: 'logto_page-container',
   mainContent: 'logto_main-content',
   customContent: 'logto_custom-content',
-  signature: 'logto_signature',
   brandingHeader: 'logto_branding-header',
 });