Update notify

Changed styling and icons, updated cdn's
This commit is contained in:
Kakarot
2023-05-28 18:37:55 -05:00
parent e0a27b6c57
commit 1a1640a56d
3 changed files with 21 additions and 26 deletions
+3 -3
View File
@@ -46,15 +46,15 @@ QBConfig.Notify.NotificationStyling = {
QBConfig.Notify.VariantDefinitions = {
success = {
classes = 'success',
icon = 'done'
icon = 'task_alt'
},
primary = {
classes = 'primary',
icon = 'info'
icon = 'notifications'
},
error = {
classes = 'error',
icon = 'dangerous'
icon = 'warning'
},
police = {
classes = 'police',
+15 -20
View File
@@ -46,36 +46,31 @@ html::-webkit-scrollbar {
}
.success {
background-color: rgba(23, 23, 23, 90%);
border-radius: 10px;
box-shadow: 0rem 0rem 0.1rem 0.05rem #000000;
border-left: 0.5rem solid #20bb44;
background-color: #20bb44;
border-radius: 5px;
border: 1px solid #6ae587;
}
.primary {
background-color: rgba(23, 23, 23, 90%);
border-radius: 10px;
box-shadow: 0rem 0rem 0.1rem 0.05rem #000000;
border-left: 5px solid #1c75d2;
background-color: #1c75d2;
border-radius: 5px;
border: 1px solid #6facec;
}
.error {
background-color: rgba(23, 23, 23, 90%);
border-radius: 10px;
box-shadow: 0rem 0rem 0.1rem 0.05rem #000000;
border-left: 5px solid #c10114;
background-color: #c10114;
border-radius: 5px;
border: 1px solid #fe4255;
}
.police {
background-color: rgba(23, 23, 23, 90%);
border-radius: 10px;
box-shadow: 0rem 0rem 0.1rem 0.05rem #000000;
border-left: 5px solid #2197f2;
background-color: #2197f2;
border-radius: 5px;
border: 1px solid #7ac1f7;
}
.ambulance {
background-color: rgba(23, 23, 23, 90%);
border-radius: 10px;
box-shadow: 0rem 0rem 0.1rem 0.05rem #000000;
border-left: 5px solid #f44236;
background-color: #f44236;
border-radius: 5px;
border: 1px solid #f88e86;
}
+3 -3
View File
@@ -1,12 +1,12 @@
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/quasar@2.1.0/dist/quasar.prod.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link href="https://cdn.jsdelivr.net/npm/quasar@2.12.0/dist/quasar.prod.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/quasar@2.1.0/dist/quasar.umd.prod.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/quasar@2.12.0/dist/quasar.umd.prod.js" defer></script>
<script type="module" src="js/app.js"></script>
<script src="js/drawtext.js"></script>
<link rel="stylesheet" href="css/drawtext.css">