Merge pull request #16 from subtrace/dev/sachin/docker.images

docker: add sample output images

Author: sachin9996

docker-compose-link.png

@@ -23,7 +23,7 @@ in your app's Docker image:
 
 <Step>
 Add the following lines to your service's definition in your `compose.yaml`
-file, and then start your app as you normally would:
+file:
 
 ```yaml
 cap_add:
@@ -32,11 +32,24 @@ cap_add:
 
 </Step>
 
+<Step>
+Start your app as you normally would:
+
+  <Expandable title="example output">
+    <img className="rounded-xl" src="/docker-compose-link.png" />
+  </Expandable>
+</Step>
+
 <Step>
 That's it! Open the `subt.link` URL in your browser to see your app's requests
 show up in real time:
 
 <img className="rounded-xl" src="/subt-link-example.png" />
 
+<Info>
+  It's possible that the `subt.link` URL is printed from within a container. Be
+  sure to check
+</Info>
+
 </Step>
 </Steps>

docker-compose.mdx

@@ -25,10 +25,14 @@ in your app's Docker image:
 Run your Docker container as you normally would, but add `--cap-add=SYS_PTRACE`:
 
 ```diff
-- docker run -dt -p 3000:3000 node-app
-+ docker run -dt -p 3000:3000 --cap-add=SYS_PTRACE node-app
+- docker run -t -p 3000:3000 node-app
++ docker run -t -p 3000:3000 --cap-add=SYS_PTRACE node-app
 ```
 
+<Expandable title="example output">
+  <img className="rounded-xl" src="/docker-link.png" />
+</Expandable>
+
 </Step>
 
 <Step>