fix: keep plugin flow timeline vertically scrollable (#505)

Author: SaKaNa-Y

packages/rolldown/src/app/components/flowmap/PluginFlow.vue

@@ -100,7 +100,7 @@ function toggleShowType() {
 <template>
   <div class="p2 h-full w-full">
     <div class="flex border border-base rounded-2 h-full relative of-hidden">
-      <div v-if="expanded" class="of-hidden border-r border-base shrink-0">
+      <div v-if="expanded" class="of-hidden border-r border-base shrink-0 h-full min-h-0 flex flex-col">
         <FlowmapPluginFlowTimeline
           :session="session"
           :build-metrics="buildMetrics"

packages/rolldown/src/app/components/flowmap/PluginFlowTimeline.vue

@@ -51,9 +51,9 @@ const endTime = computed(() => {
 </script>
 
 <template>
-  <div class="flex flex-col">
+  <div class="flex flex-col h-full min-h-0">
     <slot name="header" />
-    <div class="select-none h-full of-auto ws-nowrap w-auto of-visible p4 flex flex-col">
+    <div class="select-none flex-1 min-h-0 of-x-hidden of-y-auto ws-nowrap w-auto p4 flex flex-col" style="scrollbar-gutter: stable">
       <div class="flex">
         <FlowmapNode
           :active="false"

packages/vite/src/app/components/flowmap/PluginFlow.vue

@@ -102,7 +102,7 @@ function toggleShowType() {
 <template>
   <div class="p2 h-full w-full">
     <div class="flex border border-base rounded-2 h-full relative of-hidden">
-      <div v-if="expanded" class="of-hidden border-r border-base shrink-0">
+      <div v-if="expanded" class="of-hidden border-r border-base shrink-0 h-full min-h-0 flex flex-col">
         <FlowmapPluginFlowTimeline
           :build-metrics="buildMetrics"
         >

packages/vite/src/app/components/flowmap/PluginFlowTimeline.vue

@@ -49,9 +49,9 @@ const endTime = computed(() => {
 </script>
 
 <template>
-  <div class="flex flex-col">
+  <div class="flex flex-col h-full min-h-0">
     <slot name="header" />
-    <div class="select-none h-full of-auto ws-nowrap w-auto of-visible p4 flex flex-col">
+    <div class="select-none flex-1 min-h-0 of-x-hidden of-y-auto ws-nowrap w-auto p4 flex flex-col" style="scrollbar-gutter: stable">
       <div class="flex">
         <FlowmapNode
           :active="false"