feat(web): update ui

semaphoreui · Sep 17, 2023 · 41c60b9 · 41c60b9
1 parent f4c882b
commit 41c60b9
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 60 deletions.
diff --git a/web/src/views/project/Activity.vue b/web/src/views/project/Activity.vue
@@ -3,21 +3,19 @@
     <v-toolbar flat>
       <v-app-bar-nav-icon @click="showDrawer()"></v-app-bar-nav-icon>
       <v-toolbar-title>{{ $t('dashboard') }}</v-toolbar-title>
-      <v-spacer></v-spacer>
-      <div>
-        <v-tabs centered>
-          <v-tab key="history" :to="`/project/${projectId}/history`">{{ $t('history') }}</v-tab>
-          <v-tab key="activity" :to="`/project/${projectId}/activity`">{{ $t('activity') }}</v-tab>
-          <v-tab
-            v-if="can(USER_PERMISSIONS.updateProject)"
-            key="settings"
-            :to="`/project/${projectId}/settings`"
-          >{{ $t('settings') }}
-          </v-tab>
-        </v-tabs>
-      </div>
     </v-toolbar>
 
+    <v-tabs show-arrows class="pl-4">
+      <v-tab key="history" :to="`/project/${projectId}/history`">{{ $t('history') }}</v-tab>
+      <v-tab key="activity" :to="`/project/${projectId}/activity`">{{ $t('activity') }}</v-tab>
+      <v-tab
+        v-if="can(USER_PERMISSIONS.updateProject)"
+        key="settings"
+        :to="`/project/${projectId}/settings`"
+      >{{ $t('settings') }}
+      </v-tab>
+    </v-tabs>
+
     <v-data-table
       :headers="headers"
       :items="items"

diff --git a/web/src/views/project/History.vue b/web/src/views/project/History.vue
@@ -4,34 +4,20 @@
       <v-app-bar-nav-icon @click="showDrawer()"></v-app-bar-nav-icon>
       <v-toolbar-title>
         {{ $t('dashboard2') }}
-        <!--
-        <v-btn-toggle class="ml-4" rounded>
-          <v-btn small>
-            <v-icon left>mdi-view-sequential</v-icon>
-            <span class="hidden-sm-and-down">Tasks</span>
-          </v-btn>
-
-          <v-btn small>
-            <v-icon left>mdi-pipe</v-icon>
-            <span class="hidden-sm-and-down">Pipelines</span>
-          </v-btn>
-        </v-btn-toggle>
-        -->
       </v-toolbar-title>
-      <v-spacer></v-spacer>
-      <div>
-        <v-tabs centered>
-          <v-tab key="history" :to="`/project/${projectId}/history`">{{ $t('history') }}</v-tab>
-          <v-tab key="activity" :to="`/project/${projectId}/activity`">{{ $t('activity') }}</v-tab>
-          <v-tab
-            v-if="can(USER_PERMISSIONS.updateProject)"
-            key="settings"
-            :to="`/project/${projectId}/settings`"
-          >{{ $t('settings') }}
-          </v-tab>
-        </v-tabs>
-      </div>
     </v-toolbar>
+
+    <v-tabs show-arrows class="pl-4">
+      <v-tab key="history" :to="`/project/${projectId}/history`">{{ $t('history') }}</v-tab>
+      <v-tab key="activity" :to="`/project/${projectId}/activity`">{{ $t('activity') }}</v-tab>
+      <v-tab
+        v-if="can(USER_PERMISSIONS.updateProject)"
+        key="settings"
+        :to="`/project/${projectId}/settings`"
+      >{{ $t('settings') }}
+      </v-tab>
+    </v-tabs>
+
     <v-data-table
       :headers="headers"
       :items="items"

diff --git a/web/src/views/project/Settings.vue b/web/src/views/project/Settings.vue
@@ -10,15 +10,14 @@
     <v-toolbar flat >
       <v-app-bar-nav-icon @click="showDrawer()"></v-app-bar-nav-icon>
       <v-toolbar-title>{{ $t('dashboard') }}</v-toolbar-title>
-      <v-spacer></v-spacer>
-      <div>
-        <v-tabs centered>
-          <v-tab key="history" :to="`/project/${projectId}/history`">{{ $t('history') }}</v-tab>
-          <v-tab key="activity" :to="`/project/${projectId}/activity`">{{ $t('activity') }}</v-tab>
-          <v-tab key="settings" :to="`/project/${projectId}/settings`">{{ $t('settings') }}</v-tab>
-        </v-tabs>
-      </div>
     </v-toolbar>
+
+    <v-tabs show-arrows class="pl-4">
+      <v-tab key="history" :to="`/project/${projectId}/history`">{{ $t('history') }}</v-tab>
+      <v-tab key="activity" :to="`/project/${projectId}/activity`">{{ $t('activity') }}</v-tab>
+      <v-tab key="settings" :to="`/project/${projectId}/settings`">{{ $t('settings') }}</v-tab>
+    </v-tabs>
+
     <div class="project-settings-form">
       <div style="height: 300px;">
         <ProjectForm :item-id="projectId" ref="form" @error="onError" @save="onSave"/>

diff --git a/web/src/views/project/Templates.vue b/web/src/views/project/Templates.vue
@@ -59,19 +59,6 @@
       <v-app-bar-nav-icon @click="showDrawer()"></v-app-bar-nav-icon>
       <v-toolbar-title>
         {{ $t('taskTemplates2') }}
-        <!--
-        <v-btn-toggle class="ml-4" rounded>
-          <v-btn small>
-            <v-icon left>mdi-table</v-icon>
-            <span class="hidden-sm-and-down">Table</span>
-          </v-btn>
-
-          <v-btn small>
-            <v-icon left>mdi-pipe</v-icon>
-            <span class="hidden-sm-and-down">Pipelines</span>
-          </v-btn>
-        </v-btn-toggle>
-        -->
       </v-toolbar-title>
       <v-spacer></v-spacer>
       <v-btn