Toolbar update
parent
24bb517ee5
commit
926a710e31
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -4855,7 +4855,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-toolbar {
|
.p-toolbar {
|
||||||
background: #f5f5f5;
|
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -362,7 +362,7 @@ export default {
|
||||||
createId() {
|
createId() {
|
||||||
let id = '';
|
let id = '';
|
||||||
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||||
for ( var i = 0; i < 5; i++ ) {
|
for ( var i = 0; i < 5; i++ ) {
|
||||||
id += chars.charAt(Math.floor(Math.random() * chars.length));
|
id += chars.charAt(Math.floor(Math.random() * chars.length));
|
||||||
}
|
}
|
||||||
return id;
|
return id;
|
||||||
|
|
|
@ -8,22 +8,20 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content-section implementation">
|
<div class="content-section implementation">
|
||||||
<div class="card">
|
<Toolbar>
|
||||||
<Toolbar>
|
<template slot="left">
|
||||||
<template slot="left">
|
<Button label="New" icon="pi pi-plus" style="margin-right: .5em" />
|
||||||
<Button label="New" icon="pi pi-plus" style="margin-right: .5em" />
|
<Button label="Upload" icon="pi pi-upload" class="p-button-success" />
|
||||||
<Button label="Upload" icon="pi pi-upload" class="p-button-success" />
|
<i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" />
|
||||||
<i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" />
|
<SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"></SplitButton>
|
||||||
<SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"></SplitButton>
|
</template>
|
||||||
</template>
|
|
||||||
|
|
||||||
<template slot="right">
|
<template slot="right">
|
||||||
<Button icon="pi pi-search" style="margin-right: .5em" />
|
<Button icon="pi pi-search" style="margin-right: .5em" />
|
||||||
<Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" />
|
<Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" />
|
||||||
<Button icon="pi pi-times" class="p-button-danger" />
|
<Button icon="pi pi-times" class="p-button-danger" />
|
||||||
</template>
|
</template>
|
||||||
</Toolbar>
|
</Toolbar>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ToolbarDoc/>
|
<ToolbarDoc/>
|
||||||
|
|
Loading…
Reference in New Issue