tor-browser

commit 6e65a3b7e5783b4f2a116af92be232c2eddb8dfd
parent f212adc98da1cccad93acc367a0fe57a870a72be
Author: Micah Killoran <mtigley@mozilla.com>
Date:   Thu, 16 Oct 2025 14:47:55 +0000

Bug 1986162 - Use CPM fox illustration in about:logins's empty state instead. r=dimi

Differential Revision: https://phabricator.services.mozilla.com/D268760

Diffstat:
M
browser/components/aboutlogins/content/aboutLogins.html
 | 
2
+-
M
browser/components/aboutlogins/content/components/login-intro.css
 | 
7
++++++-

2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/browser/components/aboutlogins/content/aboutLogins.html b/browser/components/aboutlogins/content/aboutLogins.html
@@ -238,7 +238,7 @@
       <link rel="stylesheet" href="chrome://browser/content/aboutlogins/common.css">
       <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-intro.css">
 
-      <img class="illustration" src="chrome://browser/content/aboutlogins/icons/intro-illustration.svg"/>
+      <img class="illustration" src="chrome://global/content/megalist/icons/cpm-fox-illustration.svg"/>
       <h1 class="heading" data-l10n-id="about-logins-login-intro-heading-message"></h1>
       <section>
         <p class="description" data-l10n-id="login-intro-description2">
diff --git a/browser/components/aboutlogins/content/components/login-intro.css b/browser/components/aboutlogins/content/components/login-intro.css
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 :host {
-  padding: 60px;
+  padding: var(--space-xxlarge);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -18,6 +18,11 @@ section {
   margin-bottom: 0;
 }
 
+.illustration {
+  max-width: 300px;
+  height: 209px;
+}
+
 .illustration.logged-in {
   opacity: 0.5;
 }