From 965a953b2ee7f5ca23702b4128f3693c04c56cb8 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Tue, 26 May 2026 20:49:02 -0400
Subject: [PATCH] =?UTF-8?q?feat(post-card):=20PostEmptyThumbs=20=E2=80=94?=
 =?UTF-8?q?=20dashed-border=20placeholder=20shown=20in=20PostCard's=20hero?=
 =?UTF-8?q?=20slot=20when=20post=20has=20zero=20linked=20images?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../src/components/posts/PostEmptyThumbs.vue  | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 frontend/src/components/posts/PostEmptyThumbs.vue

diff --git a/frontend/src/components/posts/PostEmptyThumbs.vue b/frontend/src/components/posts/PostEmptyThumbs.vue
new file mode 100644
index 0000000..9927424
--- /dev/null
+++ b/frontend/src/components/posts/PostEmptyThumbs.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="fc-post-empty">
+    <v-icon size="48" class="fc-post-empty__icon">mdi-image-off-outline</v-icon>
+    <div class="fc-post-empty__text">No images attached to this post</div>
+  </div>
+</template>
+
+<script setup>
+// No props — pure presentational placeholder.
+</script>
+
+<style scoped>
+.fc-post-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 32px 16px;
+  border: 1px dashed rgb(var(--v-theme-on-surface-variant));
+  border-radius: 8px;
+  background: rgba(20, 23, 26, 0.3);
+  width: 100%;
+  height: 100%;
+  min-height: 200px;
+}
+.fc-post-empty__icon {
+  color: rgb(var(--v-theme-on-surface-variant));
+  opacity: 0.6;
+}
+.fc-post-empty__text {
+  color: rgb(var(--v-theme-on-surface-variant));
+  font-size: 0.9rem;
+}
+</style>