wip: Allow to declare sections within a KCard #957

kalisio · Sep 28, 2024 · 373b163 · 373b163
1 parent 8f9d1c6
commit 373b163
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/core/client/components/collection/KCard.vue b/core/client/components/collection/KCard.vue
@@ -80,21 +80,23 @@
           class="full-width no-wrap"
         />
       </div>
-      <!-- Expand action -->
-      <div v-if="isExpandable" class="row justify-center">
-        <KAction
-          id="expand-action"
-          icon="las la-angle-down"
-          tooltip="KCard.MORE_DETAILS"
-          :toggle="{ icon: 'las la-angle-up', tooltip: 'KCard.LESS_DETAILS', color: 'grey-7' }"
-          :size="dense ? 'xs' : 'sm'"
-          dense
-          @triggered="onExpandTriggered"
-        />
-      </div>
-      <!-- Extra bottom padding if no expand action -->
-      <div v-else :class="{ 'q-pt-xs': dense, 'q-pt-sm': !dense }" />
     </div>
+    <!-- 
+      Expand action 
+    -->
+    <div v-if="isExpandable" class="row justify-center">
+      <KAction
+        id="expand-action"
+        icon="las la-angle-down"
+        tooltip="KCard.MORE_DETAILS"
+        :toggle="{ icon: 'las la-angle-up', tooltip: 'KCard.LESS_DETAILS', color: 'grey-7' }"
+        :size="dense ? 'xs' : 'sm'"
+        dense
+        @triggered="onExpandTriggered"
+      />
+    </div>
+    <!-- Extra bottom padding if no expand action -->
+    <div v-else :class="{ 'q-pt-xs': dense, 'q-pt-sm': !dense }" />
   </q-card>
 </template>