0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-06 20:40:08 -05:00

style(ui): add short screen notification style (#1379)

add short screen notification style
This commit is contained in:
simeng-li 2022-07-03 15:51:48 +08:00 committed by GitHub
parent 8c4fea093d
commit 231c7a278c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -2,9 +2,7 @@
.appNotification {
position: absolute;
top: _.unit(6);
left: 50%;
transform: translateX(-50%);
max-width: 520px;
}
:global(body.mobile) {
@ -12,15 +10,23 @@
top: _.unit(6);
left: _.unit(5);
right: _.unit(5);
transform: none;
}
}
:global(body.desktop) {
.appNotification {
top: _.unit(-6);
left: 50%;
transform: translate(-50%, -100%);
width: fit-content;
max-width: 520px;
}
}
@media screen and (max-height: 820px) {
:global(body.desktop) {
.appNotification {
top: _.unit(6);
transform: translate(-50%);
}
}
}