feat(html): New Notify System

-Replaces old notification system but is also backwards compatible so no changes necessary
- Now allows for the use of sending a table with text and caption
- Can add as many types of notifications as wanted/needed
- Configure position and icons in app,js (google icons or fontawesome)
This commit is contained in:
Kakarot
2021-09-28 23:39:11 -06:00
parent 8a1181171c
commit be4f57410b
7 changed files with 123 additions and 86 deletions
-44
View File
@@ -1,44 +0,0 @@
body {
background-color: transparent !important;
}
.template, .notification {
display: none;
}
.notif-container {
width: 20vw;
position: absolute;
top: 4vh;
right: 12vw;
display: flex;
flex-flow: row;
flex-wrap: wrap;
}
.notification {
position: relative;
padding: 1vh;
width: fit-content;
border-radius: .4vh;
margin: 5px;
font: caption;
font-size: 1.2vh;
font-weight: bold;
float: left;
}
.success {
background: #27ae60;
color: #fff;
}
.primary {
background-color: #2980b9;
color: #ffffff;
}
.error {
background: #c0392b;
color: #fff;
}