Update based on feedback. Remove max width constraints

temporalio · Oct 2, 2024 · 8d065e5 · 8d065e5
1 parent d0a3950
commit 8d065e5
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 19 deletions.
diff --git a/src/lib/components/event/event-details-row.svelte b/src/lib/components/event/event-details-row.svelte
@@ -20,10 +20,10 @@
 
 {#if key}
   <div
-    class="flex max-w-lg flex-row items-center gap-2 overflow-hidden first:pt-0 last:border-b-0 xl:max-w-xl {$$props.class}"
+    class="flex flex-row items-center gap-2 overflow-hidden first:pt-0 last:border-b-0 {$$props.class}"
   >
     {#if showKey}
-      <p class="max-w-fit whitespace-nowrap text-right text-xs">
+      <p class="whitespace-nowrap text-right text-xs">
         {format(key)}
       </p>
     {/if}
@@ -38,19 +38,15 @@
         </PayloadDecoder>
       </div>
     {:else if linkType !== 'none'}
-      <div class="flex w-full items-center gap-2 pr-1">
-        <div class="truncate text-sm">
-          <Copyable
-            copyIconTitle={translate('common.copy-icon-title')}
-            copySuccessIconTitle={translate('common.copy-success-icon-title')}
-            content={value}
-          >
-            <Badge type="subtle" class="select-none">
-              <EventDetailsLink {value} {attributes} type={linkType} />
-            </Badge>
-          </Copyable>
-        </div>
-      </div>
+      <Copyable
+        copyIconTitle={translate('common.copy-icon-title')}
+        copySuccessIconTitle={translate('common.copy-success-icon-title')}
+        content={value}
+      >
+        <Badge type="subtle" class="select-none">
+          <EventDetailsLink {value} {attributes} type={linkType} />
+        </Badge>
+      </Copyable>
     {:else}
       <div class="flex w-full items-center gap-2 pr-1">
         <p class="truncate text-right text-sm xl:text-left">

diff --git a/src/lib/components/event/event-summary-row.svelte b/src/lib/components/event/event-summary-row.svelte
@@ -138,9 +138,7 @@
   <td
     class="w-full overflow-hidden text-right text-sm font-normal xl:text-left"
   >
-    <div
-      class="flex w-full max-w-screen-sm items-center gap-2 lg:max-w-screen-md xl:max-w-screen-xl"
-    >
+    <div class="flex w-full items-center gap-2">
       <Icon name={icon} />
       <p
         class="event-name max-w-fit whitespace-nowrap pr-4 text-sm font-semibold md:text-base"

diff --git a/src/lib/holocene/link.svelte b/src/lib/holocene/link.svelte
@@ -66,7 +66,7 @@
     }
 
     &.light {
-      @apply text-off-white hover:text-indigo-300;
+      @apply text-off-white hover:text-indigo-400;
     }
   }