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