Added Notifications

resources/js/Components/FlightsGoneBy/Panels/AircraftPanel.vue

@@ -5,6 +5,7 @@ import DetailRow from "@/Components/FlightsGoneBy/Panels/DetailRow.vue";
 import type {Flight} from "@/Types/types";
 import PanelHeader from "@/Components/FlightsGoneBy/Panels/PanelHeader.vue";
 import PanelSubHeader from "@/Components/FlightsGoneBy/Panels/PanelSubHeader.vue";
+import LiveryImage from "@/Components/FlightsGoneBy/LiveryImage.vue";
 
 defineProps<{
     flight: Flight
@@ -13,8 +14,7 @@ defineProps<{
 
 <template>
     <Panel label="Aircraft">
-        <div class="livery" v-if="flight.livery_url" :style="{ backgroundImage: `url('${flight.livery_url}')` }">
-        </div>
+        <LiveryImage :flight="flight" />
         <PanelHeader>{{ flight.aircraft?.display_name_short }}</PanelHeader>
         <PanelSubHeader v-if="flight.aircraft?.manufacturer_code">{{ flight.aircraft.manufacturer_code }}</PanelSubHeader>
         <PanelSubHeader v-if="!flight.aircraft && !flight.aircraft_registration">No Aircraft Information Found</PanelSubHeader>
@@ -29,9 +29,5 @@ defineProps<{
 </template>
 
 <style scoped>
-.livery{
-    width: 100%;
-    aspect-ratio: 16/9;
-    background-size: cover;
-}
+
 </style>