Major UI redesign

This commit is contained in:
Liyas Thomas
2019-11-01 16:45:53 +05:30
parent 47e88ff055
commit 4e1d3e9fe9
9 changed files with 295 additions and 142 deletions

View File

@@ -1,7 +1,6 @@
<template>
<fieldset :id="label.toLowerCase()" :class="{ 'no-colored-frames': !frameColorsEnabled }">
<legend @click.prevent="collapse">
<i class="material-icons icon">{{ icon }}</i>
<span>{{ label }}</span>
<i class="material-icons" v-if="isCollapsed">expand_more</i>
<i class="material-icons" v-if="!isCollapsed">expand_less</i>
@@ -16,9 +15,6 @@
fieldset.no-colored-frames legend {
color: var(--fg-color);
}
.icon {
margin-right: 8px;
}
</style>
<script>
@@ -40,10 +36,6 @@
type: String,
default: "Section"
},
icon: {
type: String,
default: "lens"
},
collapsed: {
type: Boolean
}