✨ Major UI redesign
This commit is contained in:
@@ -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
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user