mirror of
https://github.com/qbcore-fivem/qb-core.git
synced 2026-08-29 01:01:24 +00:00
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:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user