From 727bef6066d5ca1a225c7f69c5a9aeef7fc815c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Fri, 25 Nov 2022 16:43:47 +0800
Subject: [PATCH] fix(status): add word wrap

closes #63
---
 components/status/StatusBody.vue | 2 +-
 components/status/StatusCard.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/status/StatusBody.vue b/components/status/StatusBody.vue
index b9856c31..0b9cb10c 100644
--- a/components/status/StatusBody.vue
+++ b/components/status/StatusBody.vue
@@ -8,7 +8,7 @@ const { translation } = useTranslation(status)
 </script>
 
 <template>
-  <div class="status-body">
+  <div class="status-body" whitespace-pre-wrap break-words>
     <ContentRichSetup :content="translation.visible ? translation.text : status.content" :emojis="status.emojis" />
   </div>
 </template>
diff --git a/components/status/StatusCard.vue b/components/status/StatusCard.vue
index c93cd1fd..bc509fb6 100644
--- a/components/status/StatusCard.vue
+++ b/components/status/StatusCard.vue
@@ -85,7 +85,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
           <AccountAvatar mt1 w-12 h-12 :account="status.account" />
         </div>
       </div>
-      <div flex="~ col 1">
+      <div flex="~ col 1" w-0>
         <div flex>
           <StatusAccountDetails :account="status.account" />
           <div flex-auto />