Icon and ripple fix

This commit is contained in:
Yiğit FINDIKLI 2021-12-21 11:04:01 +03:00
parent cb2ea219d4
commit a19ef0f813
4 changed files with 25 additions and 14227 deletions

14226
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -22,11 +22,11 @@ import {AppComponent} from './app.component';
export class AppMenuComponent implements OnInit { export class AppMenuComponent implements OnInit {
model: any[]; model: any[];
constructor(public app: AppComponent){} constructor(public app: AppComponent){}
ngOnInit() { ngOnInit() {
this.model = [ this.model = [
{ {
label: 'Home', label: 'Home',
@ -52,13 +52,13 @@ export class AppMenuComponent implements OnInit {
{label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']}, {label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']},
{label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']}, {label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']},
{label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']}, {label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']},
{label: 'Misc', icon: 'pi pi-fw pi-circle-off', routerLink: ['/uikit/misc']} {label: 'Misc', icon: 'pi pi-fw pi-circle', routerLink: ['/uikit/misc']}
] ]
}, },
{ {
label:'UI Blocks', label:'UI Blocks',
items:[ items:[
{label: 'Free Blocks', icon: 'pi pi-fw pi-eye', routerLink: ['/blocks'], {label: 'Free Blocks', icon: 'pi pi-fw pi-eye', routerLink: ['/blocks'],
badge:'NEW'}, badge:'NEW'},
{label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: ['https://www.primefaces.org/primeblocks-ng/#/']}, {label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: ['https://www.primefaces.org/primeblocks-ng/#/']},
] ]
@ -73,7 +73,7 @@ export class AppMenuComponent implements OnInit {
items: [ items: [
{label: 'Crud', icon: 'pi pi-fw pi-user-edit', routerLink: ['/pages/crud']}, {label: 'Crud', icon: 'pi pi-fw pi-user-edit', routerLink: ['/pages/crud']},
{label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']}, {label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']},
{label: 'Empty', icon: 'pi pi-fw pi-circle-off', routerLink: ['/pages/empty']} {label: 'Empty', icon: 'pi pi-fw pi-circle', routerLink: ['/pages/empty']}
] ]
}, },
{ {
@ -131,4 +131,4 @@ export class AppMenuComponent implements OnInit {
} }
]; ];
} }
} }

View File

@ -2,8 +2,8 @@
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<div class="card"> <div class="card">
<h5>Default</h5> <h5>Default</h5>
<button pButton label="Submit" class="mr-2 mb-2"></button> <button pButton pRipple label="Submit" class="mr-2 mb-2"></button>
<button pButton label="Disabled" disabled="true" class="mr-2 mb-2"></button> <button pButton pRipple label="Disabled" disabled="true" class="mr-2 mb-2"></button>
<p-button label="Link" styleClass="p-button-link mr-2 mb-2"></p-button> <p-button label="Link" styleClass="p-button-link mr-2 mb-2"></p-button>
</div> </div>
@ -63,9 +63,9 @@
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<div class="card"> <div class="card">
<h5>Icons</h5> <h5>Icons</h5>
<button pButton icon="pi pi-star" class="mr-2 mb-2"></button> <button pButton pRipple icon="pi pi-star-fill" class="mr-2 mb-2"></button>
<button pButton label="Submit" icon="pi pi-bookmark" class="mr-2 mb-2"></button> <button pButton pRipple label="Submit" icon="pi pi-bookmark" class="mr-2 mb-2"></button>
<button pButton label="Submit" icon="pi pi-bookmark" iconPos="right" class="mr-2 mb-2"></button> <button pButton pRipple label="Submit" icon="pi pi-bookmark" iconPos="right" class="mr-2 mb-2"></button>
</div> </div>
<div class="card"> <div class="card">

View File

@ -124,7 +124,7 @@ export class AppMenuComponent implements OnInit, AfterViewInit &#123;
&#123;label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']&#125;, &#123;label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']&#125;,
&#123;label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']&#125;, &#123;label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']&#125;,
&#123;label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']&#125;, &#123;label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']&#125;,
&#123;label: 'Misc', icon: 'pi pi-fw pi-circle-off', routerLink: ['/uikit/misc']&#125; &#123;label: 'Misc', icon: 'pi pi-fw pi-circle', routerLink: ['/uikit/misc']&#125;
] ]
&#125;, &#125;,
&#123; &#123;
@ -133,7 +133,7 @@ export class AppMenuComponent implements OnInit, AfterViewInit &#123;
&#123;label: 'Crud', icon: 'pi pi-fw pi-pencil', routerLink: ['/pages/crud']&#125;, &#123;label: 'Crud', icon: 'pi pi-fw pi-pencil', routerLink: ['/pages/crud']&#125;,
&#123;label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']&#125;, &#123;label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']&#125;,
&#123;label: 'Not Found', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/notfound']&#125;, &#123;label: 'Not Found', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/notfound']&#125;,
&#123;label: 'Empty', icon: 'pi pi-fw pi-circle-off', routerLink: ['/pages/empty']&#125; &#123;label: 'Empty', icon: 'pi pi-fw pi-circle', routerLink: ['/pages/empty']&#125;
] ]
&#125;, &#125;,
&#123; &#123;