Interface SAV

src/App.vue

@@ -52,13 +52,14 @@ onMounted(async () => {
     tickets.value = await TicketApi.getTickets()
     apiCounter.value++
   }, 180000);
-
 })
 
 </script>
 
 <template>
+
   <div class="container-fluid">
+    <div id="notification" class="alert d-none" style="position: absolute; top:5px; right:28px;z-index:1"></div>
     <div class="pagetitle">
       <h1>Messagerie & Ordonnances</h1>
     </div>

src/assets/niceAdmin.scss

@@ -1,24 +1,3 @@
-/*--------------------------------------------------------------
-# General
---------------------------------------------------------------*/
-a {
-    color: #4154f1;
-    text-decoration: none;
-}
-
-a:hover {
-    color: #717ff5;
-    text-decoration: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-family: "Nunito", sans-serif;
-}
 
 /*--------------------------------------------------------------
 # Main
@@ -246,7 +225,7 @@ h6 {
 }
 
 .card-body {
-    padding: 10px 20px 20px 20px;
+    padding: 20px 20px 20px 20px;
 }
 
 .card-img-overlay {
@@ -1221,4 +1200,4 @@ h6 {
     text-align: center;
     font-size: 13px;
     color: #012970;
-}
+}

src/assets/style-retro-comp.scss

@@ -22,7 +22,7 @@
 @import "bs3/stylesheets/bootstrap/grid";
 @import "bs3/stylesheets/bootstrap/tables";
 @import "bs3/stylesheets/bootstrap/forms";
-@import "bs3/stylesheets/bootstrap/buttons";
+
 
 // Components
 @import "bs3/stylesheets/bootstrap/component-animations";
@@ -47,16 +47,12 @@
 @import "bs3/stylesheets/bootstrap/wells";
 @import "bs3/stylesheets/bootstrap/close";
 
-// Components w/ JavaScript
-@import "bs3/stylesheets/bootstrap/modals";
-@import "bs3/stylesheets/bootstrap/popovers";
-@import "bs3/stylesheets/bootstrap/carousel";
-
 // Utility classes
 @import "bs3/stylesheets/bootstrap/utilities";
 @import "bs3/stylesheets/bootstrap/responsive-utilities";
 
 #RealContent11{
+    @import "bs3/stylesheets/bootstrap/buttons";
     @import "bs3/stylesheets/bootstrap/navs";
     @import "bs3/bootstrap-theme.min";
 }

src/assets/style.scss

@@ -10,6 +10,10 @@ $body-bg: #f6f9ff;
 $tooltip-max-width: 400px;
 $tooltip-opacity: 1;
 
+$primary: #4f81c7;
+$min-contrast-ratio: 3;
+
+
 @import "bootstrap/scss/variables";
 @import "bootstrap/scss/maps";
 @import "bootstrap/scss/mixins";

src/components/TicketList.vue

@@ -111,7 +111,7 @@ watch(gridWrapper, (to, from) => {
 
   setTimeout(function () {
     initTooltip()
-  }, 500);
+  }, 1000);
 
 });