Melhorias na parte visual e correção nos diretórios

Author: Helmesvs

src/Notify.php

@@ -108,24 +108,32 @@ public function render() {
      */
     public function scripts() {
 
-        $scripts = '<link href="vendor/Notify/themify-icons.css" rel="stylesheet" type="text/css">
-                   
-                   <script type="text/javascript" src="vendor/Notify/jquery/jquery-3.2.1.min.js"></script>';
+        $scripts = '<link href="'. asset('vendor/Notify/themify-icons.css') .'" rel="stylesheet" type="text/css">';
+
+        if ($this->options['include:Jquery']):
+            $scripts .= '<script type="text/javascript" src="'. asset('vendor/Notify/jquery/jquery-3.2.1.min.js') .'"></script>;';
+        endif;
 
         if ($this->options['lib'] === 'toastr'):
-            $scripts .= '<link href="vendor/Notify/toastr/toastr.min.css" rel="stylesheet" type="text/css">
-                         <script type="text/javascript" src="vendor/Notify/toastr/toastr.min.js"></script>';
+            $scripts .= '<link href="'. asset('vendor/Notify/toastr/toastr.min.css') .'" rel="stylesheet" type="text/css">
+                         <script type="text/javascript" src="'. asset('vendor/Notify/toastr/toastr.min.js') .'"></script>';
+
         elseif ($this->options['lib'] === 'pnotify'):
-            $scripts .= '<link href="vendor/Notify/animate.css" rel="stylesheet" type="text/css">
-                         <link href="vendor/Notify/pnotify/pnotify.custom.min.css" rel="stylesheet" type="text/css">
-                         <script type="text/javascript" src="vendor/Notify/pnotify/pnotify.custom.min.js"></script>';
+
+            if ($this->options['include:Animate']):
+                $scripts .= '<link href="'. asset('vendor/Notify/animate.css') .'" rel="stylesheet" type="text/css">';
+            endif;
+
+            $scripts .= '<link href="'. asset('vendor/Notify/pnotify/pnotify.custom.min.css') .'" rel="stylesheet" type="text/css">
+                         <script type="text/javascript" src="'. asset('vendor/Notify/pnotify/pnotify.custom.min.js') .'"></script>';
             if ($this->config['desktop']['desktop'] === true):
                 $scripts .= 'PNotify.desktop.permission();';
             endif;
+
         endif;
 
         if ($this->options['style'] === 'custom'):
-            $scripts .= '<link href="vendor/Notify/style.css" rel="stylesheet" type="text/css">';
+            $scripts .= '<link href="'. asset('vendor/Notify/style.css') .'" rel="stylesheet" type="text/css">';
         endif;
 
         return $scripts;

src/assets/style.css

@@ -36,7 +36,7 @@
     background-color: #FFF;
     padding: 15px 15px 15px 65px;
     width: 300px;
-    min-height: 74px
+    /*    min-height: 74px*/
 }
 #toast-container>.toast {
     background-image: none!important
@@ -124,6 +124,13 @@
     background-color: #fff;
     color: #737373;
 }
+.ui-pnotify-icon{
+    position: absolute;
+    height: 100%;
+    width: 38px;
+    top: 0;
+    bottom: 0;
+}
 .ui-pnotify-title {
     font-weight: 600
 }
@@ -140,28 +147,75 @@
 .ui-pnotify-icon span:after{
     font-family: themify;
     font-size: 38px;
-    left: 6px;
-    top: 12px;
     text-align: center;
     font-weight: 100;
 }
 .ui-pnotify-icon span{
     background-color: #fff;
     border: 0;
 }
+.brighttheme-icon-success{
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    margin-top: 0;
+}
 .brighttheme-icon-success:after{
     content: "\e64d";
     color: #149278;
 }
+.brighttheme-icon-info{
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    margin-top: 0;
+}
 .brighttheme-icon-info:after{
     content: "\e717";
     color: #00a7f5;
 }
+.brighttheme-icon-notice{
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    margin-top: 0;
+}
 .brighttheme-icon-notice:after{
     content: "\e6c5";
     color: #ffae04;
 }
+.brighttheme-icon-error{
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    margin-top: 0;
+}
 .brighttheme-icon-error:after{
     content: "\e6c5";
     color: #e21d27;
 }
+
+.toast{
+    height: 100%;
+    min-height: unset !important;
+}
+.toast-success:before{
+    top: 0;
+    bottom: 0;
+    margin: auto;
+}
+.toast-info:before{
+    top: 0;
+    bottom: 0;
+    margin: auto;
+}
+.toast-warning:before{
+    top: 0;
+    bottom: 0;
+    margin: auto;
+}
+.toast-error:before{
+    top: 0;
+    bottom: 0;
+    margin: auto;
+}