chore: APPS-2866 Update FTVA Nuxt with library component version 3.5.7 (

#15)

* update component-library and timeouts

* update styling

.github/workflows/production-site-build.yml

@@ -13,7 +13,7 @@ jobs:
   nuxt-prod:
     name: Netlify deploy
     runs-on: ubuntu-latest
-    timeout-minutes: 40
+    # timeout-minutes: 40
     steps:
       # Initial checkout to fetch repository content and tags
       - uses: actions/checkout@v3
@@ -39,7 +39,7 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v3
         if: ${{ github.event_name == 'release' }}
-      
+
       # Corrected indentation here
       - uses: ./.github/workflows/setup-workspace
 

.github/workflows/regenerate-site.yml

@@ -4,7 +4,7 @@ on:
   workflow_dispatch:
     inputs:
       environment:
-        description: 'Environment(test/prod)'     
+        description: 'Environment(test/prod)'
         required: true
         type: choice
         options:
@@ -20,7 +20,7 @@ jobs:
   nuxt-deploy:
     name: Netlify deploy
     runs-on: ubuntu-latest
-    timeout-minutes: 40
+    # timeout-minutes: 40
     steps:
       - uses: actions/checkout@5a4ac9002d0be2fb38bd78e4b4dbde5606d7042f
       - uses: ./.github/workflows/setup-workspace

nuxt.config.ts

@@ -34,7 +34,7 @@ export default defineNuxtConfig({
     prerender: {
       crawlLinks: true,
       failOnError: false,
-      concurrency: 5,
+      concurrency: 50,
       interval: 1000,
       // routes: ['/', '/404.html', '/200.html'],
     },

package.json

@@ -39,6 +39,6 @@
 		"nuxt-graphql-request": "^7.0.5",
 		"sass": "^1.66.1",
 		"ucla-library-design-tokens": "^5.20.0",
-		"ucla-library-website-components": "3.5.0"
+		"ucla-library-website-components": "3.5.7"
 	}
-}
+}

pages/events/[slug].vue

@@ -187,7 +187,10 @@ const parsedFTVAEventScreeningDetails = computed(() => {
   </main>
 </template>
 
-<style lang="scss" scoped>
+<style
+  lang="scss"
+  scoped
+>
 // VARS - TO DO move to global? reference tokens?
 // WIDTH, HEIGHT, SPACING
 $max-width: 1160px;
@@ -257,7 +260,7 @@ $pale-blue: #E7EDF2;
     }
 
     .sidebar-column {
-      min-width: 280px;
+      min-width: 314px;
       width: 30%;
       position: absolute;
       height: 100%;
@@ -289,7 +292,18 @@ $pale-blue: #E7EDF2;
     min-height: 350px;
   }
 
-  @media #{$medium} {
+  @media (max-width: 1200px) {
+
+    .one-column,
+    .two-column {
+      padding-left: var(--unit-gutter);
+      padding-right: var(--unit-gutter);
+    }
+
+    .sidebar-column {
+      padding-right: var(--unit-gutter);
+    }
+
     .two-column>.primary-column {
       width: 62%;
     }