add wall post

components/Wall/Post.vue

@@ -1,6 +1,15 @@
 <template>
-  <div class="text-foreground">
-
+  <div class="flex flex-col gap-2 text-foreground bg-background-100 rounded-lg overflow-hidden">
+    <img :src="image" :alt="title" class="h-[170px] object-cover object-center" >
+    <span class="px-2 leading-none text-xl font-semibold">
+      {{ title }}
+    </span>
+    <span class="px-2 font-medium">
+      {{ description }}
+    </span>
+    <span class="w-full text-right -mt-2 px-2 pb-2 text-sm font-medium opacity-50">
+      {{ date }}
+    </span>
   </div>
 </template>
 
@@ -8,9 +17,11 @@
 
 const props = withDefaults(
   defineProps<{
-    image: string
+    image?: string,
+    title?: string,
+    description?: string
+    date?: string
   }>(), {
-
   }
 );
 

layouts/default.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     ref="globalWindow"
-    class="text-foreground flex flex-col w-screen h-screen bg-background-100 overflow-y-hidden"
+    class="text-foreground flex flex-col w-screen h-screen bg-background-200 overflow-y-hidden"
   >
     <SideBar />
     <Header />