Added native os notifications

2026-07-02 00:33:28 +10:00
parent 84379baf6a
commit 027437dc9b
13 changed files with 451 additions and 117 deletions
@@ -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;