Hass/Message-Push-Nest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

opt table truncate style

Browse Source
This commit is contained in:
engigu
2025-10-12 12:24:24 +08:00
parent 6bff9f79ef
commit 08762aa425
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/ui/ClickableTruncate.vue
+3 -3
View File
@@ -18,7 +18,7 @@ const handleClick = () => {
<template>
<span
class="inline-block align-middle cursor-pointer break-words whitespace-normal"
class="inline-block truncate align-middle cursor-pointer"
:class="wrapperClass"
:title="text"
@click="handleClick"
@@ -32,8 +32,8 @@ const handleClick = () => {
<DialogTitle class="text-sm font-medium text-foreground">{{ previewTitle || '内容' }}</DialogTitle>
</DialogHeader>
<div class="mt-1">
<div class="rounded-lg p-4 bg-muted/40 dark:bg-white/5 ring-1 ring-border/50 shadow-sm max-h-[65vh] overflow-auto">
<pre class="whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground">{{ text }}</pre>
<div class="rounded-lg p-4 bg-muted/40 dark:bg-white/5 ring-1 ring-border/50 shadow-sm max-h-[65vh] overflow-auto overflow-x-hidden">
<pre class="whitespace-pre-wrap break-words break-all text-sm leading-relaxed text-foreground">{{ text }}</pre>
</div>
</div>
</DialogContent>