updated teams page

components/website-utils/OuterComponents.vue

@@ -69,7 +69,7 @@ if (
           class="vis min-h-screen h-screen max-w-full"
         >
           <UCard
-            class="h-full"
+            class="h-full fixed w-[20em]"
             :ui="{ rounded: 'rounded-none' }"
           >
             <UVerticalNavigation :links="links" />

nuxt.config.ts

@@ -14,6 +14,7 @@ export default defineNuxtConfig({
       })
     },
   ],
+
   webpack: {
     aggressiveCodeRemoval: true,
     optimization: {
@@ -29,6 +30,7 @@ export default defineNuxtConfig({
       }
     },
   },
+
   nitro: {
     preset: 'bun',
     compressPublicAssets: {
@@ -37,6 +39,7 @@ export default defineNuxtConfig({
     },
 
   },
+
   app: {
     head: {
       script: [
@@ -46,10 +49,12 @@ export default defineNuxtConfig({
       ]
     }
   },
+
   build: {
     transpile: ['vuetify'],
 
   },
+
   // speedkit: {
   //
   //   detection: {
@@ -101,6 +106,7 @@ export default defineNuxtConfig({
       vimeo: 'https://i.vimeocdn.com',
     }
   },
+
   // buildModules: [
   //     'nuxt-speedkit',
   //     '@nuxtjs/pwa'
@@ -154,25 +160,31 @@ export default defineNuxtConfig({
       type: 'module',
     },
   },
+
   plugins: [
       '~/plugins/vuetify.ts'
   ],
+
   devtools: {
     enabled: true,
 
     timeline: {
       enabled: true
     }
   },
+
   ssr: false,
+
   vite: {
     vue: {
       template: {
         transformAssetUrls,
       }
     }
   },
+
   logLevel: "verbose",
+
   runtimeConfig:{
     tbaKey: process.env.NUXT_TBA_KEY,
     couchDB: {
@@ -183,13 +195,16 @@ export default defineNuxtConfig({
       }
     }
   },
+
   sourcemap: {
     server: true,
     client: true
   },
+
   colorMode: {
     preference: 'light' //eventually we will add color mode preference
   },
+
   tailwindcss:{
     config:{
       theme: {
@@ -215,5 +230,7 @@ export default defineNuxtConfig({
         }
       }
     }
-  }
+  },
+
+  compatibilityDate: '2025-01-08'
 })