porting commits pt 2

livepeer · Dec 19, 2024 · c320e6e · c320e6e
1 parent 2bae1c4
commit c320e6e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/apps/app/app/streams/my-streams/page.tsx b/apps/app/app/streams/my-streams/page.tsx
@@ -165,18 +165,22 @@ export default function MyStreams({searchParams}: {
                                 />
                               </TableCell>
                               <TableCell>
-                                <a href={`/stream/${stream.id}`}>{stream.name}</a>
+                                <a href={`/stream/${stream.id}`} className="block truncate max-w-[200px]">{stream.name}</a>
                               </TableCell>
                               <TableCell>
-                                <div className="inline-flex items-center gap-x-2">
-                                  {appEnv.rtmpUrl}{appEnv?.rtmpUrl?.endsWith('/')?'':'/'}{stream.stream_key}
-                                  <Copy size={copyIconSize} className="mr-2 cursor-pointer" onClick={() => copy(`${appEnv?.rtmpUrl}${appEnv?.rtmpUrl?.endsWith('/')?'':'/'}${stream.stream_key}`)} />
+                                <div className="inline-flex items-center gap-x-2 w-full">
+                                  <span className="truncate max-w-[200px]">
+                                    {appEnv.rtmpUrl}{appEnv?.rtmpUrl?.endsWith('/')?'':'/'}{stream.stream_key}
+                                  </span>
+                                  <Copy size={copyIconSize} className="mr-2 cursor-pointer flex-shrink-0" onClick={() => copy(`${appEnv.rtmpUrl}${appEnv?.rtmpUrl?.endsWith('/')?'':'/'}${stream.stream_key}`)} />
                                 </div>
                               </TableCell>
                               <TableCell>
-                                <div className="inline-flex items-center gap-x-2">
-                                  {stream.output_stream_url}
-                                  <Copy size={copyIconSize} className="mr-2 cursor-pointer" onClick={() => copy(stream.output_stream_url)} />
+                                <div className="inline-flex items-center gap-x-2 w-full">
+                                  <span className="truncate max-w-[200px]">
+                                    {stream.output_stream_url}
+                                  </span>
+                                  <Copy size={copyIconSize} className="mr-2 cursor-pointer flex-shrink-0" onClick={() => copy(stream.output_stream_url)} />
                                 </div>
                               </TableCell>
                               <TableCell>

diff --git a/apps/app/components/playground/try.tsx b/apps/app/components/playground/try.tsx
@@ -242,7 +242,7 @@ export default function Try({
         )}
       </div>
       <div className="flex flex-col gap-4 mt-2">
-        <div className="flex flex-col gap-2 max-w-md">
+        <div className="flex flex-col gap-2">
           <Label className="text-muted-foreground">Source</Label>
           <Select
             defaultValue="Video"
@@ -260,7 +260,7 @@ export default function Try({
         </div>
 
         {inputs.primary && (
-          <div className="flex flex-col gap-2 max-w-md">
+          <div className="flex flex-col gap-2">
             <Label className="text-muted-foreground">
               {inputs.primary.label}
             </Label>
@@ -269,7 +269,7 @@ export default function Try({
         )}
 
         {inputs.advanced.length > 0 && (
-          <div className="flex flex-col gap-2 max-w-2xl">
+          <div className="flex flex-col gap-2">
             <button
               onClick={() => setIsOpen(!isOpen)}
               className="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors"