Refactor topbar and add discussions link

primefaces · Oct 9, 2023 · 4d96f63 · 4d96f63
1 parent 2821c97
commit 4d96f63
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 11 deletions.
diff --git a/src/app/showcase/layout/topbar/app.topbar.component.html b/src/app/showcase/layout/topbar/app.topbar.component.html
@@ -8,21 +8,29 @@
 
         <ul class="flex list-none m-0 p-0 gap-2 align-items-center ">
             <li>
-                <a
-                    href="http://github.com/primefaces/primeng"
-                    class="flex p-link border-1 w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
-                >
+                <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer"
+                    class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+            >
                     <i class="pi pi-github text-700"></i>
                 </a>
             </li>
             <li>
-                <a href="https://discord.gg/gzKFYnpmCY" class="flex p-link border-1 w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary">
+                <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer" 
+                    class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+            >
                     <i class="pi pi-discord text-700"></i>
                 </a>
             </li>
+            <li>
+                <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer"
+                    class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                >
+                    <i class="pi pi-comments text-700"></i>
+                </a>
+            </li>
             <li>
                 <button type="button" class="p-button flex border-1 w-2rem h-2rem p-0 align-items-center justify-content-center transition-all transition-duration-300 min-w-0" (click)="onConfigButtonClick($event)">
-                    <i class="pi pi-cog"></i>
+                    <i class="pi pi-palette"></i>
                 </button>
             </li>
             <li class="relative">

diff --git a/src/app/showcase/pages/landing/landing.component.html b/src/app/showcase/pages/landing/landing.component.html
@@ -35,6 +35,12 @@
                                     <span>Designer</span>
                                 </a>
                             </li>
+                            <li class="mr-0 lg:mr-2">
+                                <a href="/uikit">
+                                    <img src="https://primefaces.org/cdn/primeng/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
+                                    <span>UI Kit</span>
+                                </a>
+                            </li>
                             <li class="mr-0 lg:mr-2">
                                 <a href="https://www.primefaces.org/store/templates.xhtml" target="_blank">
                                     <img src="https://primefaces.org/cdn/primeng/images/landing/templates-icon.svg" width="34" height="30" alt="Primeng templates" />
@@ -43,21 +49,22 @@
                             </li>
                         </ol>
                     </nav>
-                    <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer"
-                        class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                    <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                         <i class="pi pi-github"></i>
                     </a>
-                    <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer"
-                        class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                    <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                         <i class="pi pi-discord"></i>
                     </a>
+                    <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                        <i class="pi pi-comments"></i>
+                    </a>
                     <button type="button"
                         class="linkbox header-button inline-flex align-items-center justify-content-center"
                         (click)="toggleDarkMode()">
                         <i class="pi pi-{{ config.dark ? 'sun' : 'moon' }}"></i>
                     </button>
                     <button
-                        class="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-2 menu-button"
+                        class="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-1 md:ml-2 menu-button"
                         (click)="menuActive = !menuActive">
                         <i class="pi pi-bars"></i>
                     </button>