vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Use primeflex for margins

pull/411/head
cagataycivici 2020-07-18 14:07:19 +03:00
parent 84af612211
commit 291adada5f
2 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/toolbar/ToolbarDemo.vue
View File

@ -10,15 +10,15 @@
<div class="content-section implementation"> <div class="content-section implementation">
<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" class="p-mr-2" />
<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 p-mr-2" />
<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" class="p-mr-2" />
<Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" /> <Button icon="pi pi-calendar" class="p-button-success p-mr-2" />
<Button icon="pi pi-times" class="p-button-danger" /> <Button icon="pi pi-times" class="p-button-danger" />
</template> </template>
</Toolbar> </Toolbar>

18
src/views/toolbar/ToolbarDoc.vue
View File

@ -12,15 +12,15 @@ import Toolbar from 'primevue/toolbar';
<CodeHighlight> <CodeHighlight>
&lt;Toolbar&gt; &lt;Toolbar&gt;
&lt;template slot="left"&gt; &lt;template slot="left"&gt;
&lt;Button label="New" icon="pi pi-plus" style="margin-right: .5em" /&gt; &lt;Button label="New" icon="pi pi-plus" class="p-mr-2" /&gt;
&lt;Button label="Upload" icon="pi pi-upload" class="p-button-success" /&gt; &lt;Button label="Upload" icon="pi pi-upload" class="p-button-success" /&gt;
&lt;i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" /&gt; &lt;i class="pi pi-bars p-toolbar-separator p-mr-2" /&gt;
&lt;SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"&gt;&lt;/SplitButton&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;template slot="right"&gt; &lt;template slot="right"&gt;
&lt;Button icon="pi pi-search" style="margin-right: .5em" /&gt; &lt;Button icon="pi pi-search" class="p-mr-2" /&gt;
&lt;Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" /&gt; &lt;Button icon="pi pi-calendar" class="p-button-success p-mr-2" /&gt;
&lt;Button icon="pi pi-times" class="p-button-danger" /&gt; &lt;Button icon="pi pi-times" class="p-button-danger" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Toolbar&gt; &lt;/Toolbar&gt;
@ -65,15 +65,15 @@ import Toolbar from 'primevue/toolbar';
<template v-pre> <template v-pre>
&lt;Toolbar&gt; &lt;Toolbar&gt;
&lt;template slot="left"&gt; &lt;template slot="left"&gt;
&lt;Button label="New" icon="pi pi-plus" style="margin-right: .5em" /&gt; &lt;Button label="New" icon="pi pi-plus" class="p-mr-2" /&gt;
&lt;Button label="Upload" icon="pi pi-upload" class="p-button-success" /&gt; &lt;Button label="Upload" icon="pi pi-upload" class="p-button-success" /&gt;
&lt;i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" /&gt; &lt;i class="pi pi-bars p-toolbar-separator p-mr-2" /&gt;
&lt;Button label="Save" icon="pi pi-check" class="p-button-warning" /&gt; &lt;SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"&gt;&lt;/SplitButton&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;template slot="right"&gt; &lt;template slot="right"&gt;
&lt;Button icon="pi pi-search" style="margin-right: .5em" /&gt; &lt;Button icon="pi pi-search" class="p-mr-2" /&gt;
&lt;Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" /&gt; &lt;Button icon="pi pi-calendar" class="p-button-success p-mr-2" /&gt;
&lt;Button icon="pi pi-times" class="p-button-danger" /&gt; &lt;Button icon="pi pi-times" class="p-button-danger" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Toolbar&gt; &lt;/Toolbar&gt;