jono/deep-research-web-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: prevent node detail overflows

Browse Source
This commit is contained in:
AnotiaWang
2025-02-27 09:35:39 +08:00
parent 71d1d6dda3
commit e583b92cbf
2 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/DeepResearch/DeepResearch.vue
View File

@ -349,7 +349,7 @@
</script> </script>
<template> <template>
<UModal v-if="isFullscreen" open fullscreen> <UModal v-if="isFullscreen" open fullscreen :ui="{ body: '!pr-0' }">
<template #header> <template #header>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div> <div>
@ -382,10 +382,8 @@
<div <div
v-if="selectedNode" v-if="selectedNode"
:class="[ :class="[
'border-gray-100 dark:border-gray-800', 'border-gray-100 dark:border-gray-800 px-4 sm:px-6 overflow-y-auto',
isLargeScreen isLargeScreen ? 'border-l w-1/3' : 'h-1/2 pt-2',
? 'border-l w-1/3 pl-4 sm:pl-6'
: 'h-1/2 overflow-y-scroll',
]" ]"
> >
<NodeDetail :node="selectedNode" @retry="retryNode" /> <NodeDetail :node="selectedNode" @retry="retryNode" />

4
components/DeepResearch/NodeDetail.vue
View File

@ -44,7 +44,7 @@
</p> </p>
<p <p
v-if="node.researchGoal" v-if="node.researchGoal"
class="prose max-w-none dark:prose-invert" class="prose max-w-none dark:prose-invert break-words"
v-html="marked(node.researchGoal, { gfm: true })" v-html="marked(node.researchGoal, { gfm: true })"
/> />
@ -86,7 +86,7 @@
/> />
<p <p
v-for="(learning, index) in node.learnings" v-for="(learning, index) in node.learnings"
class="prose max-w-none dark:prose-invert" class="prose max-w-none dark:prose-invert break-words"
:key="index" :key="index"
v-html="marked(`- ${learning}`, { gfm: true })" v-html="marked(`- ${learning}`, { gfm: true })"
/> />