This is an automated email from the ASF dual-hosted git repository.
dahn pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack.git
The following commit(s) were added to refs/heads/main by this push:
new 23fb0e2ccb4 Update GUI Kubernetes logo (#11895)
23fb0e2ccb4 is described below
commit 23fb0e2ccb44ba42dae530b81729d2441fd8b039
Author: Erik Böck <[email protected]>
AuthorDate: Tue Nov 11 14:13:00 2025 -0300
Update GUI Kubernetes logo (#11895)
---
ui/src/assets/icons/kubernetes.svg | 5 +++++
ui/src/components/header/CreateMenu.vue | 6 ++++--
ui/src/config/section/compute.js | 3 ++-
ui/src/config/section/image.js | 3 ++-
ui/src/utils/renderIcon.js | 5 +++--
5 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/ui/src/assets/icons/kubernetes.svg
b/ui/src/assets/icons/kubernetes.svg
new file mode 100644
index 00000000000..db1f37bdfee
--- /dev/null
+++ b/ui/src/assets/icons/kubernetes.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools
-->
+<svg width="800px" height="800px" viewBox="0 0 32 32" id="icon"
xmlns="http://www.w3.org/2000/svg";>
+ <path
d="M29.2227,17.9639,25.9194,17.21a9.7843,9.7843,0,0,0-1.5249-6.6245l2.54-2.0254L25.6875,6.9961,23.1482,9.0205A9.97,9.97,0,0,0,17,6.0508V3H15V6.0508a9.97,9.97,0,0,0-6.1482,2.97L6.3125,6.9961,5.0654,8.56l2.54,2.0254A9.7843,9.7843,0,0,0,6.0806,17.21l-3.3033.7544.4454,1.9492L6.52,19.1606a10.0359,10.0359,0,0,0,4.2688,5.358l-1.33,2.7631,1.8018.8677L12.59,25.3882a9.8113,9.8113,0,0,0,6.8208,0L20.74,28.1494l1.8018-.8682-1.33-2.7626a10.0359,10.0359,0,0,0,4.2688-5.358l3.2973.7525ZM24,16c0,
[...]
+</svg>
\ No newline at end of file
diff --git a/ui/src/components/header/CreateMenu.vue
b/ui/src/components/header/CreateMenu.vue
index 8c39ec5b8a0..aa1d020bdb6 100644
--- a/ui/src/components/header/CreateMenu.vue
+++ b/ui/src/components/header/CreateMenu.vue
@@ -26,7 +26,7 @@
<a-avatar :style="{ backgroundColor:
$config.theme['@primary-color'] }">
<template #icon>
<render-icon v-if="(typeof menuItem.icon === 'string')"
:icon="menuItem.icon" />
- <font-awesome-icon v-else :icon="menuItem.icon" />
+ <render-icon v-else :style="{fill:'#ffffff'}"
:svg-icon=menuItem.icon />
</template>
</a-avatar>
</a-col>
@@ -50,6 +50,8 @@
<script>
+import kubernetesIcon from '@/assets/icons/kubernetes.svg?inline'
+
export default {
name: 'CreateMenu',
beforeCreate () {
@@ -65,7 +67,7 @@ export default {
api: 'createKubernetesCluster',
title: 'label.kubernetes',
subtitle: 'label.kubernetes.cluster.create',
- icon: ['fa-solid', 'fa-dharmachakra'],
+ icon: kubernetesIcon,
route: { path: '/kubernetes', query: { action:
'createKubernetesCluster' } }
},
{
diff --git a/ui/src/config/section/compute.js b/ui/src/config/section/compute.js
index 63d0e365db9..a03693e351d 100644
--- a/ui/src/config/section/compute.js
+++ b/ui/src/config/section/compute.js
@@ -18,6 +18,7 @@
import { shallowRef, defineAsyncComponent } from 'vue'
import store from '@/store'
import { isZoneCreated } from '@/utils/zone'
+import kubernetesIcon from '@/assets/icons/kubernetes.svg?inline'
export default {
name: 'compute',
@@ -551,7 +552,7 @@ export default {
{
name: 'kubernetes',
title: 'label.kubernetes',
- icon: ['fa-solid', 'fa-dharmachakra'],
+ icon: kubernetesIcon,
docHelp: 'plugins/cloudstack-kubernetes-service.html',
searchFilters: ['name', 'domainid', 'account', 'state'],
permission: ['listKubernetesClusters'],
diff --git a/ui/src/config/section/image.js b/ui/src/config/section/image.js
index 7172049d51e..6a1d0aae52e 100644
--- a/ui/src/config/section/image.js
+++ b/ui/src/config/section/image.js
@@ -18,6 +18,7 @@
import { shallowRef, defineAsyncComponent } from 'vue'
import store from '@/store'
import { isZoneCreated } from '@/utils/zone'
+import kubernetesIcon from '@/assets/icons/kubernetes.svg?inline'
export default {
name: 'image',
@@ -367,7 +368,7 @@ export default {
{
name: 'kubernetesiso',
title: 'label.kubernetes.isos',
- icon: ['fa-solid', 'fa-dharmachakra'],
+ icon: kubernetesIcon,
docHelp:
'plugins/cloudstack-kubernetes-service.html#kubernetes-supported-versions',
permission: ['listKubernetesSupportedVersions'],
searchFilters: ['zoneid', 'minimumsemanticversion', 'arch'],
diff --git a/ui/src/utils/renderIcon.js b/ui/src/utils/renderIcon.js
index 8d982fd4adc..b92fba28548 100644
--- a/ui/src/utils/renderIcon.js
+++ b/ui/src/utils/renderIcon.js
@@ -45,8 +45,9 @@ export default {
const props = Object.assign({}, this.props)
props.width = '1em'
props.height = '1em'
- props.class = 'custom-icon'
-
+ if (!this.$attrs.style) {
+ props.class = 'custom-icon'
+ }
return h('span', { role: 'img', class: 'anticon' }, [
h(this.svgIcon, { ...props }, this.event)
])
