diff --git a/examples/messages.html b/examples/messages.html
index 5eb233f6f..b639115e7 100644
--- a/examples/messages.html
+++ b/examples/messages.html
@@ -2,14 +2,14 @@
- Chat example
+ Private chat example
@@ -28,15 +28,16 @@
-
-
Chat example app!
+
+
Private chat example Gun-Vue app
-
+
+
diff --git a/src/post/PostCard.vue b/src/post/PostCard.vue
index 51303fb3c..0764da8a8 100644
--- a/src/post/PostCard.vue
+++ b/src/post/PostCard.vue
@@ -60,7 +60,7 @@ const hasText = computed(() => post.icon || post.title || post.statement || post
slot
.flex.gap-1.rounded-xl.p-1.bg-dark-50.bg-opacity-20.flex-wrap.items-center(
v-if="actions"
- style="flex: 1 1 130px"
+ style="flex: 1 1 230px"
)
post-action-react(
:authors="authors"
diff --git a/src/post/PostList.vue b/src/post/PostList.vue
index 7a8e3b4cb..e0aa5e4da 100644
--- a/src/post/PostList.vue
+++ b/src/post/PostList.vue
@@ -113,7 +113,7 @@ const filteredPosts = computed(() => {
)
button.button(@click="user.auth = true") Authorize to post here
slot
- .flex.flex-wrap.gap-4
+ .flex.flex-wrap.gap-4.p-2
transition-group(name="list")
post-card.max-w-xl.flex-1.shadow-xl(
v-for="(authors, hash) in filteredPosts"
diff --git a/src/private/index.vue b/src/private/index.vue
index d4f5e4e04..77f6d8adf 100644
--- a/src/private/index.vue
+++ b/src/private/index.vue
@@ -14,11 +14,12 @@ const props = defineProps({
.flex
chat-private-list(
+ style="flex: 1 0 200px"
@chat="$router.push(`/private/${$event}`)"
:current="pub"
)
router-view(v-slot="{ Component }")
transition(name="fade")
keep-alive
- component(:is="Component" )
+ component(:is="Component" style="flex: 6" )
diff --git a/src/project/ProjectCard.vue b/src/project/ProjectCard.vue
index dbf0ae98d..474e1f774 100644
--- a/src/project/ProjectCard.vue
+++ b/src/project/ProjectCard.vue
@@ -77,7 +77,8 @@ defineProps({