From 5784ae0627d64fe810cff3a184fe7f4d8592729b Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Sat, 25 Jun 2022 22:09:44 +0800
Subject: [PATCH] style(ui): fix notification lenght (#1243)

fix notification length
---
 packages/ui/src/components/Notification/index.module.scss    | 4 +---
 packages/ui/src/containers/AppNotification/index.module.scss | 4 ----
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/ui/src/components/Notification/index.module.scss b/packages/ui/src/components/Notification/index.module.scss
index 54bd6eae7..28eb9dc43 100644
--- a/packages/ui/src/components/Notification/index.module.scss
+++ b/packages/ui/src/components/Notification/index.module.scss
@@ -7,7 +7,6 @@
   background: var(--color-surface-variant);
   border: _.border(var(--color-border-variant));
   border-radius: var(--radius);
-  max-width: 520px;
   margin: 0 auto _.unit(2);
   box-shadow: var(--shadow-1);
   @include _.flex_row;
@@ -26,7 +25,7 @@
 
 .message {
   flex: 1;
-  margin-right: _.unit(3);
+  margin-right: _.unit(4);
 }
 
 .link {
@@ -34,7 +33,6 @@
   cursor: pointer;
 }
 
-
 :global(body.desktop) {
   .link {
     &:hover {
diff --git a/packages/ui/src/containers/AppNotification/index.module.scss b/packages/ui/src/containers/AppNotification/index.module.scss
index ad51f6066..5c86f1a09 100644
--- a/packages/ui/src/containers/AppNotification/index.module.scss
+++ b/packages/ui/src/containers/AppNotification/index.module.scss
@@ -1,6 +1,5 @@
 @use '@/scss/underscore' as _;
 
-
 .appNotification {
   position: absolute;
   top: _.unit(6);
@@ -8,7 +7,6 @@
   transform: translateX(-50%);
 }
 
-
 :global(body.mobile) {
   .appNotification {
     top: _.unit(6);
@@ -18,12 +16,10 @@
   }
 }
 
-
 :global(body.desktop) {
   .appNotification {
     top: _.unit(-6);
     transform: translate(-50%, -100%);
-    width: 100%;
     max-width: 520px;
   }
 }