add CloseButton to PageView
This commit is contained in:
+10
-15
@@ -5,14 +5,21 @@
|
||||
:show="page === undefined"
|
||||
z-index="0"
|
||||
>
|
||||
<page-view v-if="page" :page="page" slug="intro" />
|
||||
<page-view
|
||||
v-if="page"
|
||||
:page="page" slug="intro"
|
||||
@close="$router.push({ name: 'home' })"
|
||||
/>
|
||||
</b-overlay>
|
||||
|
||||
<div v-if="visited === false" class="page-popup">
|
||||
<div class="page-popup-container h-100">
|
||||
<b-overlay :show="popup === undefined" z-index="0" class="h-100">
|
||||
<button-close @click="onPopupClose()" />
|
||||
<page-view v-if="popup" :page="popup" slug="welcome" />
|
||||
<page-view
|
||||
v-if="popup"
|
||||
:page="popup" slug="welcome"
|
||||
@close="onPopupClose()"
|
||||
/>
|
||||
</b-overlay>
|
||||
</div>
|
||||
</div>
|
||||
@@ -106,17 +113,5 @@ export default {
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
&-container {
|
||||
position: relative;
|
||||
|
||||
.btn-close {
|
||||
position: sticky;
|
||||
z-index: 2;
|
||||
float: right;
|
||||
right: $node-view-spacer-sm-x;
|
||||
top: $node-view-spacer-sm-y;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user