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:
parent
8c4fea093d
commit
231c7a278c
1 changed files with 11 additions and 5 deletions
|
@ -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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue