Skip to content

Commit bcfb9c8

Browse files
committed
chore: Add a Modal test to layout demo page.
1 parent b3c0272 commit bcfb9c8

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

dev/components/new-layout/new-layout.vue

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
Header
99
<span slot="subtitle">The Subtiiiitleeee</span>
1010
</q-toolbar-title>
11+
<q-toggle v-model="toggle" color="amber" dark />
1112
<q-btn flat round dense icon="menu" @click="right = !right" />
1213
</q-toolbar>
1314
<q-toolbar>
@@ -192,6 +193,11 @@
192193
</div>
193194
</div>
194195
</div>
196+
<q-modal v-model="toggle" :content-css="{padding: '50px', minWidth: '50vw'}">
197+
<h4>Basic Modal</h4>
198+
<p v-for="n in 25">Scroll down to close</p>
199+
<q-btn color="primary" @click="toggle = false">Close</q-btn>
200+
</q-modal>
195201
</div>
196202
</div>
197203
</div>
@@ -208,6 +214,7 @@ export default {
208214
data () {
209215
const v = 'lHh Lpr fFf'
210216
return {
217+
toggle: false,
211218
header: true,
212219
footer: true,
213220
left: true,

0 commit comments

Comments
 (0)