add KitView component

This commit is contained in:
axolotle
2021-07-01 16:13:59 +02:00
parent b9292b0189
commit 2cff6f81f3
2 changed files with 52 additions and 0 deletions
+51
View File
@@ -0,0 +1,51 @@
<template>
<div class="kit-view">
<node-view
:node="sheet"
mode="view"
show-origin
@close-node="$emit('close-node', $event)"
@open-node="$emit('open-node', $event)"
/>
</div>
</template>
<script>
import { NodeView } from '@/components/nodes'
export default {
name: 'KitView',
components: {
NodeView
},
props: {
sheet: { type: Object, default: undefined }
}
}
</script>
<style lang="scss">
.kit-view {
.node-view {
min-height: 100%;
&-header-wrapper,
&-body-wrapper,
&-footer-wrapper {
@include media-breakpoint-up($layout-bp) {
max-width: 50%;
margin: auto;
}
}
.btn-close {
@include media-breakpoint-up($layout-bp) {
position: absolute;
right: $node-view-spacer-x;
}
}
}
}
</style>
+1
View File
@@ -1 +1,2 @@
export { default as KitList } from './KitList'
export { default as KitView } from './KitView'