feat: Allow to center Links items on display - MEED-7064 - Meeds-io/m…

…eeds#2150 (#3890)

This change allows to center Links when the layout specifies a fixed
height for application container.

webapp/portlet/src/main/webapp/vue-apps/links/components/LinksApp.vue

@@ -26,7 +26,7 @@
         min-width="100%"
         max-width="100%"
         min-height="72"
-        class="d-flex flex-column align-center border-box-sizing justify-center pa-5 overflow-hidden position-relative card-border-radius app-background-color"
+        class="d-flex flex-column align-center border-box-sizing pa-5 overflow-hidden position-relative card-border-radius app-background-color"
         flat>
         <links-header
           v-if="$root.initialized"

webapp/portlet/src/main/webapp/vue-apps/links/components/view/LinksList.vue

@@ -19,23 +19,26 @@
 
 -->
 <template>
-  <component
-    v-if="links?.length"
-    :is="isColumn && 'v-list' || 'card-carousel'"
-    :class="isColumn && 'pa-0' || 'mt-n2 mb-n4'"
-    v-bind="isColumn && {
-      dense: !largeIcon
-    }">
+  <div :class="!isColumn && 'my-auto'">
     <component
-      v-for="link in links"
-      :key="link.id"
-      :is="componentName"
-      :link="link"
-      :type="type"
-      :large-icon="largeIcon"
-      :show-name="showName"
-      :show-description="showDescription" />
-  </component>
+      v-if="links?.length"
+      :is="isColumn && 'v-list' || 'card-carousel'"
+      :class="isColumn && 'pa-0' || 'mt-n2 mb-n4'"
+      class="full-width"
+      v-bind="isColumn && {
+        dense: !largeIcon
+      }">
+      <component
+        v-for="link in links"
+        :key="link.id"
+        :is="componentName"
+        :link="link"
+        :type="type"
+        :large-icon="largeIcon"
+        :show-name="showName"
+        :show-description="showDescription" />
+    </component>
+  </div>
 </template>
 <script>
 export default {