ayo/yolk
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: lower ideal height; apply max height

Browse source
This commit is contained in:
Ayo Ayco 2024-12-13 21:29:37 +01:00
parent 03c3bc411d
commit e5b11620e8
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/status/StatusBody.vue
View file

@ -13,7 +13,7 @@ const {
const { translation } = useTranslation(status, getLanguageCode()) 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 root = ref<HTMLElement | null>(null)
const { height } = useElementSize(root) const { height } = useElementSize(root)
const doCollapseLongStatus = ref(false) const doCollapseLongStatus = ref(false)
@ -38,6 +38,7 @@ const vnode = computed(() => {
<template> <template>
<div <div
ref="root" class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }" relative ref="root" class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }" relative
max-h-50vh text-overflow-ellipsis overflow-hidden
> >
<span <span
v-if="status.content" v-if="status.content"