style: prevent node detail overflows

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

View File

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