feat: media grid

components/status/StatusBody.vue

@@ -12,20 +12,22 @@ defineProps<{
   <div class="status-body" v-html="sanitize(status.content)" />
 </template>
 
-<style>
-.status-body a {
-  --at-apply: text-primary hover:underline;
-}
-.status-body b {
-  --at-apply: font-bold;
-}
-.status-body p {
-  --at-apply: my-1;
-}
-.status-body a .invisible {
-  --at-apply: hidden;
-}
-.status-body a .ellipsis {
-  --at-apply: truncate overflow-hidden ws-nowrap;
+<style lang="postcss">
+.status-body {
+  a {
+    --at-apply: text-primary hover:underline;
+    .invisible {
+      --at-apply: hidden;
+    }
+    .ellipsis {
+      --at-apply: truncate overflow-hidden ws-nowrap;
+    }
+  }
+  b {
+    --at-apply: font-bold;
+  }
+  p {
+    --at-apply: my-1;
+  }
 }
 </style>