diff --git a/public/demo/images/primeflex-dark.svg b/public/demo/images/primeflex-dark.svg new file mode 100644 index 000000000..97bf81432 --- /dev/null +++ b/public/demo/images/primeflex-dark.svg @@ -0,0 +1,181 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/demo/images/primeflex.svg b/public/demo/images/primeflex.svg new file mode 100644 index 000000000..9cb9e62e0 --- /dev/null +++ b/public/demo/images/primeflex.svg @@ -0,0 +1,181 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/AppMenu.vue b/src/AppMenu.vue index 33816639c..aa52c6583 100755 --- a/src/AppMenu.vue +++ b/src/AppMenu.vue @@ -14,7 +14,7 @@ {{item.name}} -
+
+
+ + + +
@@ -118,6 +123,11 @@ export default { else if (event.value.href) window.location.href = event.value.href; } + }, + computed: { + darkTheme() { + return this.$appState.darkTheme === true; + } } } diff --git a/src/assets/menu/menu.json b/src/assets/menu/menu.json index ed5755931..f3ee0add7 100644 --- a/src/assets/menu/menu.json +++ b/src/assets/menu/menu.json @@ -98,6 +98,14 @@ } ] }, + { + "name": "PrimeFlex 3.0", + "meta": ["primeflex"], + "banner": true, + "imageLight": "demo/images/primeflex.svg", + "imageDark": "demo/images/primeflex-dark.svg", + "url": "https://www.primefaces.org/primeflex" + }, { "name": "PrimeFlex 2.0", "meta": ["primeflex"], diff --git a/src/assets/styles/app/_menu.scss b/src/assets/styles/app/_menu.scss index 8ad728f9b..d3fb8807c 100644 --- a/src/assets/styles/app/_menu.scss +++ b/src/assets/styles/app/_menu.scss @@ -110,6 +110,10 @@ } } } + + .menu-image { + padding: 0 0 1rem 0; + } } .layout-sidebar-filter {