Merge branch 'main' into forms-960-idp-refactor

usingtechnology · Mar 13, 2024 · 0492b30 · 0492b30
2 parents c2ff5f4 + 36ef698
commit 0492b30
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/app/frontend/src/App.vue b/app/frontend/src/App.vue
@@ -11,6 +11,14 @@ export default {
     BCGovNavBar,
     BCGovFooter,
   },
+  computed: {
+    isSubmitPage() {
+      // return this.$route.name === 'FormSubmit' or FormView
+      return (
+        this.$route.name === 'FormSubmit' || this.$route.name === 'FormView'
+      );
+    },
+  },
 };
 </script>
 
@@ -22,7 +30,10 @@ export default {
       <BCGovNavBar />
       <RouterView v-slot="{ Component }">
         <transition name="component-fade" mode="out-in">
-          <component :is="Component" class="main" />
+          <component
+            :is="Component"
+            :class="[isSubmitPage ? 'main-wide' : 'main']"
+          />
         </transition>
       </RouterView>
       <BCGovFooter />
@@ -41,4 +52,16 @@ export default {
 .main {
   flex: 1 0 auto;
 }
+
+.main-wide {
+  flex: 1 0 auto;
+  max-width: 100%;
+}
+
+@media (min-width: 1024px) {
+  .main-wide {
+    padding-left: 50px;
+    padding-right: 50px;
+  }
+}
 </style>