Hass/xiaozhi-esp32-server
1
0
Fork 0
mirror of https://github.com/xinnan-tech/xiaozhi-esp32-server.git synced 2026-07-28 10:03:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复智能体tooltip高度超长的问题

Browse Source
This commit is contained in:
zhuoqinglian
2026-04-17 11:10:33 +08:00
parent 11caf6bc8a
commit 35ea14b95b
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/manager-web/src/components/DeviceItem.vue
+18 -3
View File
@@ -10,7 +10,7 @@
<img src="@/assets/home/delete.png" alt="" style="width: 18px;height: 18px;margin-right: 10px;" <img src="@/assets/home/delete.png" alt="" style="width: 18px;height: 18px;margin-right: 10px;"
@click.stop="handleDelete" /> @click.stop="handleDelete" />
<el-tooltip class="item" effect="light" :content="device.systemPrompt" placement="top" <el-tooltip class="item" effect="light" :content="device.systemPrompt" placement="top"
popper-class="custom-tooltip"> popper-class="device-item-tooltip">
<img src="@/assets/home/info.png" alt="" style="width: 18px;height: 18px;" /> <img src="@/assets/home/info.png" alt="" style="width: 18px;height: 18px;" />
</el-tooltip> </el-tooltip>
</div> </div>
@@ -193,8 +193,23 @@ export default {
</style> </style>
<style> <style>
.custom-tooltip { .device-item-tooltip {
max-width: 400px; max-height: 60vh !important;
max-width: 400px !important;
overflow-y: auto !important;
scrollbar-width: thin;
word-break: break-word; word-break: break-word;
} }
.device-item-tooltip .popper__arrow {
display: none !important;
}
.device-item-tooltip[x-placement^="top"] .popper__arrow {
border-top-color: transparent !important;
}
.device-item-tooltip[x-placement^="bottom"] .popper__arrow {
border-bottom-color: transparent !important;
}
</style> </style>