Merge pull request #586 from kubero-dev/feature/improve-ui

improve UI

client/src/components/addons/index.vue

@@ -49,6 +49,7 @@
                     style="top: -50px;"
                     color="primary"
                     dark
+                    elevation="0"
                     @click="openInstallDialog(addon)"
                     >
                     Installation

client/src/components/apps/detail.vue

@@ -108,7 +108,7 @@ export default defineComponent({
             tab: null,
             breadcrumbItems: [
                 {
-                    title: 'dashboard.-',
+                    title: 'Dashboard.Pipelines',
                     disabled: false,
                     to: { name: 'Pipelines', params: {}}
                 },

client/src/components/apps/form.vue

@@ -4,12 +4,12 @@
       <Breadcrumbs :items="breadcrumbItems"></Breadcrumbs>
       <v-row>
         <v-col cols="12" sm="12" md="12" lg="12" xl="12">
-            <h2 v-if="app=='new'">
+            <h1 v-if="app=='new'" style="font-size: xxx-large">
                 Create a new App in {{ pipeline }}
-            </h2>
-            <h2 v-if="app!='new'">
+            </h1>
+            <h1 v-if="app!='new'" style="font-size: xxx-large">
                 Edit {{ app }} in {{ pipeline }}
-            </h2>
+            </h1>
             <p class="text-justify">
                 in phase {{ phase }}
             </p>
@@ -717,10 +717,12 @@
         </v-expansion-panel-text>
       </v-expansion-panel>
 
-      <!-- SERVICEACCOUNT ANNOTATIONS --> 
+      <!-- KUBERNETES --> 
       <v-expansion-panel bg-color="rgb(var(--v-theme-on-surface-variant))" :style="advanced ? 'display: block;' : 'display: none;'">
-        <v-expansion-panel-title class="text-uppercase text-caption-2 font-weight-medium" color="secondary">ServiceAcccount Annotations</v-expansion-panel-title>
+        <v-expansion-panel-title class="text-uppercase text-caption-2 font-weight-medium" color="secondary">Kubernetes</v-expansion-panel-title>
         <v-expansion-panel-text color="secondary">
+
+          <h4 class="mb-5">Serviceaccount Annotation</h4>
           <v-row v-for="(annotation, index) in sAAnnotations" :key="index">
             <v-col
               cols="12"

client/src/components/pipelines/appcard.vue

@@ -17,7 +17,12 @@
       ></v-progress-linear>
     </template>
 
-    <v-card-title>
+    <v-card-title class="d-flex align-center">
+      <img
+        :src="(app.deploymentstrategy != 'docker') ? '/img/icons/hexagon1.svg' : '/img/icons/hexagon1-empty-bold-tp.svg'"
+        alt="app icon"
+        style="width: 35px; height: 35px; margin-right: 10px;"
+      >
       <router-link :to="{ name: 'App Dashboard', params: { pipeline: pipeline, phase: phase, app: app.name }}">{{ app.name }}</router-link>
     </v-card-title>