Make visual a little shorter at 240px, hide times if small screen

temporalio · Jan 7, 2025 · 7d251c3 · 7d251c3
1 parent 0559a08
commit 7d251c3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/lib/components/workflow/relationships/workflow-family-node-description-details.svelte b/src/lib/components/workflow/relationships/workflow-family-node-description-details.svelte
@@ -19,7 +19,7 @@
 <div
   class="flex w-full flex-col gap-2 p-1 text-left text-sm lg:flex-row lg:items-center"
 >
-  <div class="flex items-center gap-4 lg:basis-96">
+  <div class="flex items-center gap-2 lg:basis-96">
     <div class="w-32 leading-3">
       <WorkflowStatus status={workflow.status} />
     </div>
@@ -32,7 +32,7 @@
     <p class="font-mono text-xs">{translate('common.id')}</p>
     <p>{workflow.id}</p>
   </div>
-  <div class="flex items-center gap-4 lg:basis-5/12">
+  <div class="hidden items-center gap-4 lg:flex lg:basis-5/12">
     <div class="leading-3">
       <p class="font-mono text-xs">
         {translate('common.start')}

diff --git a/src/lib/components/workflow/relationships/workflow-family-tree.svelte b/src/lib/components/workflow/relationships/workflow-family-tree.svelte
@@ -48,7 +48,7 @@
       initialZoom={2}
       maxZoomOut={2.5}
       maxZoomIn={0.25}
-      containerHeight={300}
+      containerHeight={240}
       let:width
       let:height
       let:zoomLevel