From dc16aaf51358a5b14a5dbfd707dbaf1320150849 Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Sat, 2 Jul 2022 02:08:10 +0800
Subject: [PATCH] style(console): notification text in demo-app should not wrap
 on desktop

---
 packages/phrases/src/locales/en.ts                           | 2 +-
 packages/phrases/src/locales/zh-cn.ts                        | 2 +-
 packages/ui/src/containers/AppNotification/index.module.scss | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/phrases/src/locales/en.ts b/packages/phrases/src/locales/en.ts
index ce995e700..701250ef8 100644
--- a/packages/phrases/src/locales/en.ts
+++ b/packages/phrases/src/locales/en.ts
@@ -505,7 +505,7 @@ const translation = {
     },
   },
   demo_app: {
-    notification: 'Use the username and password to sign in this demo.',
+    notification: 'Use your admin console account to sign in to this demo app.',
     title: "You've successfully signed in the demo app!",
     subtitle: 'Here is your log in information:',
     username: 'Username: ',
diff --git a/packages/phrases/src/locales/zh-cn.ts b/packages/phrases/src/locales/zh-cn.ts
index 3c54f89ec..0e6dba994 100644
--- a/packages/phrases/src/locales/zh-cn.ts
+++ b/packages/phrases/src/locales/zh-cn.ts
@@ -486,7 +486,7 @@ const translation = {
     },
   },
   demo_app: {
-    notification: '请使用管理员帐号密码登录本示例应用',
+    notification: '请使用你的管理控制台帐号来登录本示例应用',
     title: '恭喜！你已成功登录到示例应用！',
     subtitle: '以下是你本次登录的用户信息：',
     username: '用户名：',
diff --git a/packages/ui/src/containers/AppNotification/index.module.scss b/packages/ui/src/containers/AppNotification/index.module.scss
index 5c86f1a09..b4bfebad0 100644
--- a/packages/ui/src/containers/AppNotification/index.module.scss
+++ b/packages/ui/src/containers/AppNotification/index.module.scss
@@ -20,6 +20,7 @@
   .appNotification {
     top: _.unit(-6);
     transform: translate(-50%, -100%);
+    width: fit-content;
     max-width: 520px;
   }
 }