⚡ Improved icon toggle

2019-12-02 20:50:20 +05:30
parent 0bfc0256a6
commit 72acdeaab9
7 changed files with 91 additions and 80 deletions
--- a/components/section.vue
+++ b/components/section.vue
@@ -5,8 +5,9 @@
  >
    <legend @click.prevent="collapse">
      <span>{{ label }}</span>
-      <i class="material-icons" v-if="isCollapsed">expand_more</i>
-      <i class="material-icons" v-if="!isCollapsed">expand_less</i>
+      <i class="material-icons">
+        {{ isCollapsed ? "expand_more" : "expand_less" }}
+      </i>
    </legend>
    <div class="collapsible" :class="{ hidden: collapsed }">
      <slot />