KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor demo updates

Browse Source
This commit is contained in:
euvl
2017-04-10 12:07:22 +01:00
parent fb02b6be93
commit ad6a20b944
2 changed files with 66 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
demo/src/App.vue
View File

@@ -16,7 +16,10 @@
</div>
</modal>
<h2>Vue.js Modal</h2>
<h2>Vue.js Modal
<a href="https://github.com/euvl/vue-js-modal/blob/master/README.md" target="readme">Readme</a>
<a href="https://github.com/euvl/vue-js-modal/issues" target="issues">Issues</a>
</h2>
<pre style="line-height: 1.5;">
npm install --save vue-js-modal
@@ -48,21 +51,20 @@
<tr>
<td><b>Mixed</b></td>
<td>
Is resizable, but if the size of the screen is changed modal will return to its initial size as well as it will try to adapt to the page size
Is resizable, but if the size of the screen is changed - modal will return to its initial size as well as it will try to adapt to the page size
</td>
</tr>
</table>
<div style="margin-top: 20px; margin-bottom: 20px;">
<button @click="show()">Simple</button>
<button @click="show(true)">Resizable</button>
<button @click="show(false, true)">Adaptive</button>
<button @click="show(true, true)">Mixed</button>
<button @click="show(false, false, true)">Draggable (under development)</button>
<button @click="show(false, false, false)">Simple</button>
<button @click="show(true, false, false)">Resizable</button>
<button @click="show(false, true, false)">Adaptive</button>
<button @click="show(true, true, false)">Mixed</button>
<button @click="show(false, false, true)">Draggable</button>
</div>
<props-table />
</div>
</template>
@@ -122,6 +124,14 @@ pre {
h1,
h2 {
font-weight: normal;
a {
font-size: 12px;
}
}
a {
color: inherit;
}
button {