Finished dialog overlay

pull/42/head
Nikan Dalvand 2019-08-01 22:27:54 +04:30
parent e666775242
commit aa9220dbc3
2 changed files with 10 additions and 1 deletions

View File

@ -17,6 +17,14 @@ export default {
</script> </script>
<style scoped lang="sass"> <style scoped lang="sass">
.dialog .dialog-wrapper.open
.overlay
position: absolute
left: 0
top: 0
width: 100vw
height: 100vh
background: rgba(black,0.1)
z-index: 1400
display: block display: block
</style> </style>

View File

@ -1,5 +1,6 @@
<template> <template>
<div> <div>
<Dialog />
<section class="handle" :class="{'open': menuStatus}"> <section class="handle" :class="{'open': menuStatus}">
<div @click="toggleMenuStatus" class="icon"> <div @click="toggleMenuStatus" class="icon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 384.97 384.97" style="enable-background:new 0 0 384.97 384.97;" xml:space="preserve"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 384.97 384.97" style="enable-background:new 0 0 384.97 384.97;" xml:space="preserve">