From eebe491f4e7e911b240acc932f31f5d19ffce34c Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Fri, 19 Sep 2025 13:54:45 +1000
Subject: [PATCH] excali logo mobile

---
 packages/excalidraw/components/ExcalidrawLogo.scss | 14 ++++++++++++++
 packages/excalidraw/components/ExcalidrawLogo.tsx  |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/excalidraw/components/ExcalidrawLogo.scss b/packages/excalidraw/components/ExcalidrawLogo.scss
index e59e8a90c..d42f98a32 100644
--- a/packages/excalidraw/components/ExcalidrawLogo.scss
+++ b/packages/excalidraw/components/ExcalidrawLogo.scss
@@ -1,5 +1,8 @@
 .excalidraw {
   .ExcalidrawLogo {
+    --logo-icon--mobile: 1rem;
+    --logo-text--mobile: 0.75rem;
+
     --logo-icon--xs: 2rem;
     --logo-text--xs: 1.5rem;
 
@@ -30,6 +33,17 @@
       color: var(--color-logo-text);
     }
 
+    &.is-mobile {
+      .ExcalidrawLogo-icon {
+        height: var(--logo-icon--mobile);
+      }
+
+      .ExcalidrawLogo-text {
+        height: var(--logo-text--mobile);
+        margin-left: 0.5rem;
+      }
+    }
+
     &.is-xs {
       .ExcalidrawLogo-icon {
         height: var(--logo-icon--xs);
diff --git a/packages/excalidraw/components/ExcalidrawLogo.tsx b/packages/excalidraw/components/ExcalidrawLogo.tsx
index 01d07fc50..8610249ba 100644
--- a/packages/excalidraw/components/ExcalidrawLogo.tsx
+++ b/packages/excalidraw/components/ExcalidrawLogo.tsx
@@ -41,7 +41,7 @@ const LogoText = () => (
   </svg>
 );
 
-type LogoSize = "xs" | "small" | "normal" | "large" | "custom";
+type LogoSize = "xs" | "small" | "normal" | "large" | "custom" | "mobile";
 
 interface LogoProps {
   size?: LogoSize;