projectgroupsettings: use panels to split different parts
This commit is contained in:
parent
e1596abb67
commit
01a4aba4fa
|
@ -1,7 +1,15 @@
|
||||||
<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>
|
<div>
|
||||||
<h4 class="title is-4">Delete This Project Group</h4>
|
<h4 class="title is-4">Delete This Project Group</h4>
|
||||||
|
|
||||||
|
@ -34,6 +42,9 @@
|
||||||
>Delete Project Group</button>
|
>Delete Project Group</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -108,5 +119,9 @@ 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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue