File tree Expand file tree Collapse file tree 1 file changed +7
-0
lines changed
dev/components/new-layout Expand file tree Collapse file tree 1 file changed +7
-0
lines changed Original file line number Diff line number Diff line change 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 >
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 ,
You can’t perform that action at this time.
0 commit comments