Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobile notification styles

Browse Source
This commit is contained in:
James Lyne 2021-05-29 01:34:53 +01:00
parent 326ca094c8
commit c76d1c1e49
1 changed files with 43 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/scss/_notifications.scss
View File

@ -1,4 +1,7 @@
.vue-notification-group .notification { .vue-notification-group {
z-index: 130 !important;
.notification {
margin: 0 0.5rem 1rem; margin: 0 0.5rem 1rem;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
min-height: 5rem; min-height: 5rem;
@ -28,4 +31,19 @@
background: var(--background-error); background: var(--background-error);
border-left-color: #b82e24; border-left-color: #b82e24;
} }
}
@media screen and (max-width: 767px) {
.vue-notification-wrapper:first-child:before {
content: '';
position: fixed;
bottom: 0;
lefT: 0;
right: 0;
display: block;
height: 10rem;
background-image: linear-gradient(0deg, var(--background-dark), transparent);
z-index: -1;
}
}
} }