Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

style(ui): fix notification lenght (#1243)

Browse source 
fix notification length
This commit is contained in:
simeng-li 2022-06-25 22:09:44 +08:00 committed by GitHub
parent e201065722
commit 5784ae0627
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 1 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/ui/src/components/Notification/index.module.scss
View file

@ -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 {

4
packages/ui/src/containers/AppNotification/index.module.scss
View file

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