Merge pull request #1363 from logto-io/charles-log-3336-notification-text-on-demo-app-should-not-wrap

style(console): notification text in demo-app should not wrap on desktop

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: ',

packages/phrases/src/locales/zh-cn.ts

@@ -486,7 +486,7 @@ const translation = {
     },
   },
   demo_app: {
-    notification: '请使用管理员帐号密码登录本示例应用',
+    notification: '请使用你的管理控制台帐号来登录本示例应用',
     title: '恭喜！你已成功登录到示例应用！',
     subtitle: '以下是你本次登录的用户信息：',
     username: '用户名：',

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;
   }
 }