Made the column count for large screen size configurable based on where the...

Made the column count for large screen size configurable based on where the project summary is placed.

src/components/ProjectsSummary.vue

@@ -240,7 +240,7 @@
       <v-row class="justify-content-center" v-else-if="this.cardView === true">
         <v-col
           v-for="(project, index) in filteredProjects"
-          lg="4"
+          :lg=projectCardColumnLgCount
           :key="index"
           :project="project"
           :cols="12"
@@ -343,6 +343,10 @@ export default {
     ErrorMessage,
   },
   props: {
+    projectCardColumnLgCount:{
+      type: Number,
+      default:4,
+    },
     detailed: {
       type: Boolean,
       default: true,

src/views/Projects.vue

@@ -47,6 +47,7 @@
               slot="content"
               ref="projectSummary"
               :setProjectLoading="setProjectLoading"
+              :projectCardColumnLgCount=4
               detailed
             />
           </Section>

src/views/user/LaunchboardUser.vue

@@ -60,37 +60,27 @@
           headerTitle="My Project Summary"
         >
           <div
-           class="align-items-center d-flex "
+            class="align-items-center d-flex"
             slot="header-bar-icons"
             :cardViewProjects="cardViewProjects"
             :panelViewProjects="panelViewProjects"
           >
-                <v-tooltip top>
-                  <template v-slot:activator="{ on, attrs }">
-                    <v-btn
-                      icon
-                      v-bind="attrs"
-                      v-on="on"
-                      @click="cardViewProjects"
-                    >
-                      <v-icon>mdi-view-grid</v-icon>
-                    </v-btn>
-                  </template>
-                  <span>Card View</span>
-                </v-tooltip>
-                <v-tooltip top>
-                  <template v-slot:activator="{ on, attrs }">
-                    <v-btn
-                      icon
-                      v-bind="attrs"
-                      v-on="on"
-                      @click="panelViewProjects"
-                    >
-                      <v-icon>mdi-reorder-horizontal</v-icon>
-                    </v-btn>
-                  </template>
-                  <span>Panel View</span>
-                </v-tooltip>
+            <v-tooltip top>
+              <template v-slot:activator="{ on, attrs }">
+                <v-btn icon v-bind="attrs" v-on="on" @click="cardViewProjects">
+                  <v-icon>mdi-view-grid</v-icon>
+                </v-btn>
+              </template>
+              <span>Card View</span>
+            </v-tooltip>
+            <v-tooltip top>
+              <template v-slot:activator="{ on, attrs }">
+                <v-btn icon v-bind="attrs" v-on="on" @click="panelViewProjects">
+                  <v-icon>mdi-reorder-horizontal</v-icon>
+                </v-btn>
+              </template>
+              <span>Panel View</span>
+            </v-tooltip>
           </div>
           <span slot="userinfo">
             <TutorialTooltip tooltipName="projects">
@@ -101,6 +91,7 @@
             slot="content"
             ref="projectSummary"
             :setProjectLoading="setProjectLoading"
+            :projectCardColumnLgCount=6
           />
         </Section>