Added Notifications

resources/js/Components/FlightsGoneBy/BoardingPass.vue

@@ -3,6 +3,7 @@ import { Flight } from "@/Types/types";
 import AirlineLogo from "@/Components/FlightsGoneBy/AirlineLogo.vue";
 import AirportToolTip from "@/Components/FlightsGoneBy/AirportToolTip.vue";
 import AircraftToolTip from "@/Components/FlightsGoneBy/AircraftToolTip.vue";
+import Distance from "@/Components/Distance.vue";
 
 defineProps<{
     flight: Flight
@@ -70,7 +71,7 @@ defineProps<{
                     <span class="pass-stat-divider" v-if="flight.duration_display && flight.distance">·</span>
                         <span v-if="flight.distance" class="pass-stat">
                             <span class="pass-stat-label">DISTANCE</span>
-                            <span class="pass-stat-value">{{ Math.round(flight.distance).toLocaleString() }} km</span>
+                            <span class="pass-stat-value"><Distance :value="Math.round(flight.distance)" /></span>
                         </span>
                 </div>
             </div>
@@ -80,16 +81,6 @@ defineProps<{
 
 <style scoped>
 
-.feed-boarding-pass{
-    max-width: 600px;
-    margin: 1em auto;
-}
-
-@media (max-width: 1200px) {
-    .boarding-pass{
-        margin: 0;
-    }
-}
 
 .pass-stats-row {
     display: flex;