fix: add title to history view

gapitio · May 16, 2024 · 8be46aa · 8be46aa
1 parent eb588cc
commit 8be46aa
Showing 1 changed file with 35 additions and 30 deletions.
diff --git a/src/views/History.vue b/src/views/History.vue
@@ -1,40 +1,45 @@
 <template>
   <div class="alerts">
-    <v-tabs
-      v-model="currentTab"
-      class="px-1"
-      grow
-    >
-      <v-tab
-        v-for="env in environments"
-        :key="env"
-        :href="'#tab-' + env"
-        @click="setEnv(env)"
-      >
-        {{ env }}&nbsp;({{ environmentCounts[env] || 0 }})
-      </v-tab>
-
-      <v-spacer />
-
-      <v-tabs-items
+    <v-card>
+      <v-card-title class="title">
+        {{ $t('Alerts History') }}
+      </v-card-title>
+      <v-tabs
         v-model="currentTab"
+        class="px-1"
+        grow
       >
-        <v-tab-item
+        <v-tab
           v-for="env in environments"
           :key="env"
-          :value="'tab-' + env"
-          :transition="false"
-          :reverse-transition="false"
+          :href="'#tab-' + env"
+          @click="setEnv(env)"
+        >
+          {{ env }}&nbsp;({{ environmentCounts[env] || 0 }})
+        </v-tab>
+
+        <v-spacer />
+
+        <v-tabs-items
+          v-model="currentTab"
         >
-          <keep-alive max="1">
-            <history-list
-              v-if="env == filter.environment || env == 'ALL'"
-              :history="historyByEnvironment"
-            />
-          </keep-alive>
-        </v-tab-item>
-      </v-tabs-items>
-    </v-tabs>
+          <v-tab-item
+            v-for="env in environments"
+            :key="env"
+            :value="'tab-' + env"
+            :transition="false"
+            :reverse-transition="false"
+          >
+            <keep-alive max="1">
+              <history-list
+                v-if="env == filter.environment || env == 'ALL'"
+                :history="historyByEnvironment"
+              />
+            </keep-alive>
+          </v-tab-item>
+        </v-tabs-items>
+      </v-tabs>
+    </v-card>
   </div>
 </template>