From e5b11620e8bbf09aa62454d20e8dc59c59f065df Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Fri, 13 Dec 2024 21:29:37 +0100
Subject: [PATCH] feat: lower ideal height; apply max height

---
 components/status/StatusBody.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/status/StatusBody.vue b/components/status/StatusBody.vue
index 462e953d..5c8f169d 100644
--- a/components/status/StatusBody.vue
+++ b/components/status/StatusBody.vue
@@ -13,7 +13,7 @@ const {
 
 const { translation } = useTranslation(status, getLanguageCode())
 
-const idealHeight = window.screen.height * 0.6
+const idealHeight = window.screen.height * 0.5
 const root = ref<HTMLElement | null>(null)
 const { height } = useElementSize(root)
 const doCollapseLongStatus = ref(false)
@@ -38,6 +38,7 @@ const vnode = computed(() => {
 <template>
   <div
     ref="root" class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }" relative
+    max-h-50vh text-overflow-ellipsis overflow-hidden
   >
     <span
       v-if="status.content"