From 66738313c8066e191fda2c28cb3139c67ec0e775 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Mon, 25 Sep 2023 09:44:48 -0700
Subject: [PATCH] fix: improves styles for redirect alert

---
 assets/components/LogViewer/DockerEventLogItem.vue | 5 ++++-
 assets/models/LogEntry.ts                          | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/components/LogViewer/DockerEventLogItem.vue b/assets/components/LogViewer/DockerEventLogItem.vue
index 7a4be6df..9e7a0a76 100644
--- a/assets/components/LogViewer/DockerEventLogItem.vue
+++ b/assets/components/LogViewer/DockerEventLogItem.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="flex-1 font-sans text-[0.9rem]">
     <span class="whitespace-pre-wrap" :data-event="logEntry.event" v-html="logEntry.message"></span>
-    <div class="alert alert-info mx-auto mt-8 w-1/2 text-[1rem]" v-if="nextContainer">
+    <div
+      class="alert alert-info mt-8 w-auto text-[1rem] md:mx-auto md:w-1/2"
+      v-if="nextContainer && logEntry.event === 'container-stopped'"
+    >
       <carbon:information class="h-6 w-6 shrink-0 stroke-current" />
       <span>
         Another container instance with the same name was created <distance-time :date="nextContainer.created" />. Do
diff --git a/assets/models/LogEntry.ts b/assets/models/LogEntry.ts
index 97e1c346..cfd94975 100644
--- a/assets/models/LogEntry.ts
+++ b/assets/models/LogEntry.ts
@@ -102,7 +102,7 @@ export class DockerEventLogEntry extends LogEntry<string> {
   constructor(
     message: string,
     date: Date,
-    public readonly event: string,
+    public readonly event: "container-stopped" | "container-started",
   ) {
     super(message, date.getTime(), date, "stderr", "info");
   }