Added native os notifications

resources/js/Components/FlightsGoneBy/GlassBox.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
-defineProps<{
-    title?: string;
-    blurb?: string;
-}>();
+withDefaults(defineProps<{
+    title: string,
+    wide?: boolean,
+    blurb?: string
+}>(), { wide: false })
 </script>
 
 <template>
-    <div class="glass-box glass glass-border">
+    <div class="glass glass-border glass-box" :class="{ 'glass-box--wide': wide }">
         <h2 v-if="title">{{ title }}</h2>
         <p v-if="blurb">{{ blurb }}</p>
         <slot />
@@ -21,6 +22,10 @@ defineProps<{
     margin: 2em;
 }
 
+.glass-box--wide {
+    width: clamp(280px, 100%, 960px);
+}
+
 h2 {
     font-size: 2rem;
     text-align: center;