Added Charts

resources/js/Components/FlightsGoneBy/Radar.vue

@@ -70,7 +70,9 @@
 
         </svg>
 
-        <slot/>
+        <div class="radar-content">
+            <slot/>
+        </div>
     </div>
 </template>
 
@@ -82,6 +84,7 @@
     position: relative;
     min-height: 100dvh;
     background: var(--bg);
+    isolation: isolate;
 }
 .radar-svg {
     position: absolute;
@@ -90,6 +93,12 @@
     height: 100%;
     opacity:0.1;
     pointer-events: none;
+    z-index: 0
+}
+
+.radar-content {
+    position: relative;
+    z-index: 1;
 }
 
 .ring       { fill: none; stroke: rgba(56,189,248,0.12); stroke-width: 1; }