From 7c0301c3e060e81fefbb764f1c705e372a74caa3 Mon Sep 17 00:00:00 2001
From: panda <panda_dtdyy@outlook.com>
Date: Fri, 28 Oct 2022 18:22:56 +0800
Subject: [PATCH] ui: set mobile logo to 23px height (#453)

---
 packages/ui-default/common/variables.inc.styl          | 1 +
 packages/ui-default/components/header/header.page.styl | 7 ++-----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/ui-default/common/variables.inc.styl b/packages/ui-default/common/variables.inc.styl
index 95d7788ca..f72f7fd62 100644
--- a/packages/ui-default/common/variables.inc.styl
+++ b/packages/ui-default/common/variables.inc.styl
@@ -81,6 +81,7 @@ $nav-item-round-height = 32px
 $nav-item-round-color = $primary-color
 $nav-item-round-border = 2px
 $nav-logo-height = 32px
+$nav-logo-height-mobile = 23px
 
 $header-layer-height = 100px
 $header-bg-width = 1920px
diff --git a/packages/ui-default/components/header/header.page.styl b/packages/ui-default/components/header/header.page.styl
index 8166881fb..bf9be9a2f 100644
--- a/packages/ui-default/components/header/header.page.styl
+++ b/packages/ui-default/components/header/header.page.styl
@@ -66,11 +66,8 @@ $header-gap-mini-domain = ($header-bg-height-mini - $nav-item-height - $header-l
 
 .header--mobile__domain
   display: block
-  width: $nav-logo-width    // no rem
-  height: $nav-logo-height  // no rem
-  margin-top: rem(5px)
-  +retina()
-    background-size: $nav-logo-width $nav-logo-height // no rem
+  height: $nav-logo-height-mobile  // no rem
+  margin-top: rem(10px)
 
   img
     height: 100%