Added Notifications

2026-05-18 22:06:04 +10:00
parent e1bed676e4
commit 1846cb6a6d
30 changed files with 87 additions and 74 deletions
@@ -15,9 +15,22 @@ const actionText = computed(() => props.action === 'flight_departing' ? 'departe

 <template>
    <div class="flight-booked">
-        Flight <FlightBadge :flight="flight" /> from {{flight.departure_airport.municipality}} to {{flight.arrival_airport.municipality}} has {{actionText}}.
+        <span class="flight-summary">
+            Flight <FlightBadge :flight="flight" /> from {{flight.departure_airport.municipality}} to {{flight.arrival_airport.municipality}} has {{actionText}}.
+        </span>
    </div>
 </template>

 <style scoped>
+.flight-booked {
+    padding: 0.75rem 1.25rem;
+}
+
+.flight-summary {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.875rem;
+    color: #9ca3af;
+}
 </style>