From 6fc67bf2d8d7c2aea88965fdbab1e98d3819f257 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 27 Jul 2021 11:59:25 +0300 Subject: [PATCH] Add section for PrimeFlex --- public/demo/images/primeflex-dark.svg | 181 ++++++++++++++++++++++++++ public/demo/images/primeflex.svg | 181 ++++++++++++++++++++++++++ src/AppMenu.vue | 12 +- src/assets/menu/menu.json | 8 ++ src/assets/styles/app/_menu.scss | 4 + 5 files changed, 385 insertions(+), 1 deletion(-) create mode 100644 public/demo/images/primeflex-dark.svg create mode 100644 public/demo/images/primeflex.svg 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 {