projectsettings: use panels to split different part

This commit is contained in:
Simone Gotti 2019-05-13 17:09:01 +02:00
parent 667809a926
commit e1596abb67
1 changed files with 43 additions and 30 deletions

View File

@ -1,7 +1,14 @@
<template> <template>
<div> <div>
<nav class="panel">
<p class="panel-heading">Variables</p>
<div class="panel-block is-block">
<projectvars :variables="variables" :allvariables="allvariables"/> <projectvars :variables="variables" :allvariables="allvariables"/>
<hr> </div>
</nav>
<nav class="panel is-danger">
<p class="panel-heading is-danger">Danger Zone</p>
<div class="panel-block is-block">
<div> <div>
<h4 class="title is-4">Delete This Project</h4> <h4 class="title is-4">Delete This Project</h4>
@ -34,6 +41,8 @@
>Delete Project</button> >Delete Project</button>
</div> </div>
</div> </div>
</nav>
</div>
</template> </template>
<script> <script>
@ -106,4 +115,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/css/_variables.scss"; @import "@/css/_variables.scss";
.panel-heading {
font-weight: 700;
}
</style> </style>