configpanels: allow slots to be passed to ConfigPanel views

This commit is contained in:
axolotle 2022-10-07 15:56:02 +02:00
parent a216d59098
commit 3a3846bdac
3 changed files with 11 additions and 3 deletions

View file

@ -91,7 +91,7 @@ export default {
margin-bottom: 1em; margin-bottom: 1em;
border-bottom: solid $border-width $gray-500; border-bottom: solid $border-width $gray-500;
} }
.panel-section:not(:last-child) { ::v-deep .panel-section:not(:last-child) {
margin-bottom: 3rem; margin-bottom: 3rem;
} }
</style> </style>

View file

@ -3,7 +3,11 @@
:routes="routes_" :routes="routes_"
v-bind="{ panels, forms, v: $v, ...$attrs }" v-bind="{ panels, forms, v: $v, ...$attrs }"
v-on="$listeners" v-on="$listeners"
/> >
<slot name="tab-top" slot="tab-top"></slot>
<slot name="tab-before" slot="tab-before"></slot>
<slot name="tab-after" slot="tab-after"></slot>
</routable-tabs>
</template> </template>
<script> <script>

View file

@ -13,7 +13,11 @@
</b-card-header> </b-card-header>
<!-- Bind extra props to the child view and forward child events to parent --> <!-- Bind extra props to the child view and forward child events to parent -->
<router-view v-bind="$attrs" v-on="$listeners" /> <router-view v-bind="$attrs" v-on="$listeners">
<slot name="tab-top" slot="tab-top"></slot>
<slot name="tab-before" slot="tab-before"></slot>
<slot name="tab-after" slot="tab-after"></slot>
</router-view>
</b-card> </b-card>
</template> </template>