fix: tab ui style (#453)

datavane · Nov 17, 2023 · 6e1638e · 6e1638e
1 parent 5d6419f
commit 6e1638e
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/datasophon-ui/src/pages/serviceManage/index.vue b/datasophon-ui/src/pages/serviceManage/index.vue
@@ -48,7 +48,7 @@
         <a-icon type="down" />
       </div>
     </a-dropdown>
-    <div v-else class="webui" :style="{left: serviceName === 'YARN' ? '280px' : '200px'}">
+    <div v-else class="webui" :style="{left: getWebUIWidth(serviceName)}">
       WebUI
       <a-icon type="down" />
     </div>
@@ -90,6 +90,13 @@ export default {
     }
   },
   methods: {
+    getWebUIWidth (serviceName) {
+      if (serviceName === 'KRBCLIENT') {
+        return '136px'
+      } else {
+        return serviceName === 'YARN' ? '280px' : '200px'
+      }
+    },
     handleMenuClick(item) {
       let url = this.webUis[item.key].webUrl
       window.open(url)