EkCardGrid: Use simple grid if no pagination

If there is no need to paginate, just use a responsive grid.

Author: manuq

packages/ek-components/src/components/EkCardGrid.vue

@@ -1,8 +1,11 @@
 <template>
   <b-container
     class="mb-5 mt-3 section-container"
-    :fluid="variant === 'slidable-new'"
-    :class="{ 'no-container-padding': variant === 'slidable' || variant === 'slidable-new' }"
+    :fluid="displayVariant === 'EkSlidableCardGridNew'"
+    :class="{ 'no-container-padding': (
+      displayVariant === 'EkSlidableCardGrid' ||
+      displayVariant === 'EkSlidableCardGridNew'
+    ) }"
   >
     <slot></slot>
 
@@ -65,6 +68,10 @@ export default {
   },
   computed: {
     displayVariant() {
+      if (this.itemsPerPage >= this.nodes.length || this.itemsPerSlide.lg >= this.nodes.length) {
+        // There is no need to display a more complex component if there is no pagination:
+        return 'EkGridPage';
+      }
       switch (this.variant) {
         case 'collapsible':
           return 'EkCollapsibleCardGrid';