@sbc-connect/nuxt-base 0.6.0 → 0.6.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sbc-connect/nuxt-base
 
+## 0.6.1
+
+### Patch Changes
+
+- [#128](https://github.com/bcgov/connect-nuxt/pull/128) [`8cc8cc0`](https://github.com/bcgov/connect-nuxt/commit/8cc8cc09aad741dc841a864998129c6ac5a6af2f) Thanks [@kialj876](https://github.com/kialj876)! - Updates to connect button styling
+
 ## 0.6.0
 
 ### Minor Changes

package/app/components/Connect/ButtonControl/Buttons.vue

@@ -15,9 +15,10 @@ const removeButtonAttrs = (button: ConnectButton) => {
     v-for="(button, i) in buttons"
     :key="`${position}-button-${i}`"
     data-testid="button-wrapper"
+    class="flex flex-col grow"
   >
     <UButton
-      class="max-w-fit px-7 py-3 mb-1"
+      class="grow px-7 py-3 mb-1 justify-center"
       v-bind="removeButtonAttrs(button)"
     />
     <p :class="['text-center', !button.removeAlertSpacing ? 'h-[1.25rem]' : '']">

package/app/components/Connect/ButtonControl/Index.vue

@@ -18,15 +18,15 @@ const rightAlertText = computed(() => buttonControl.value?.rightGroup.alertText
     class="@container"
     data-testid="connect-button-control"
   >
-    <div class="grid grid-cols-1 gap-4 @3xl:grid-cols-2">
+    <div class="grid grid-cols-1 gap-4 @4xl:grid-cols-2">
       <div>
         <div
-          class="flex justify-center @3xl:justify-start"
+          class="flex justify-center @4xl:justify-start"
           data-testid="left-buttons"
         >
           <div
-            class="relative flex flex-col flex-wrap gap-4 justify-center"
-            :class="leftGroup.stacked ? '' : 'flex-row'"
+            class="relative grow flex flex-col flex-wrap gap-4 @4xl:grow-0"
+            :class="(leftGroup.class || '') + (leftGroup.stacked ? '' : ' flex-row')"
           >
             <div
               v-if="leftAlertText"
@@ -42,12 +42,12 @@ const rightAlertText = computed(() => buttonControl.value?.rightGroup.alertText
       </div>
       <div>
         <div
-          class="flex justify-center @3xl:justify-end"
+          class="flex grow justify-center @4xl:justify-end"
           data-testid="right-buttons"
         >
           <div
-            class="relative flex flex-col flex-wrap gap-4 justify-center"
-            :class="rightGroup.stacked ? '' : 'flex-row'"
+            class="relative grow flex flex-col flex-wrap gap-4 @4xl:grow-0"
+            :class="(rightGroup.class || '') + (rightGroup.stacked ? '' : ' flex-row')"
           >
             <div
               v-if="rightAlertText"

package/app/interfaces/connect-button-control.ts

@@ -8,6 +8,7 @@ export interface ConnectButton extends ButtonProps {
 export interface ConnectButtonGroup {
   alertText?: string
   buttons: ConnectButton[]
+  class?: string
   stacked?: boolean
 }
 

package/firebase.json

@@ -0,0 +1,34 @@
+{
+  "hosting":
+    {
+      "site": "connect-nuxt-layer-base-dev",
+      "public": "dist",
+      "ignore": ["**/devops/**", "**/.*", "**/node_modules/**"],
+      "rewrites": [
+        {
+          "source": "**",
+          "destination": "/index.html"
+        }
+      ],
+      "headers" : [
+        {
+          "source": "**",
+          "headers" : [
+            { "key" : "Access-Control-Allow-Origin", "value" : "*" },
+            { "key" : "X-Frame-Options", "value" : "DENY" },
+            { "key" : "X-Content-Type-Options", "value" : "nosniff" },
+            { "key" : "X-XSS-Protection", "value" : "1; mode=block" },
+            {
+              "key": "Content-Security-Policy",
+              "value": "default-src 'self'; frame-src 'self' *.gov.bc.ca *.hotjar.com *.googleapis.com https://*.nr-data.net https://*.newrelic.com https://*.cac1.pure.cloud; script-src 'self' 'unsafe-eval' 'unsafe-inline' *.gov.bc.ca *.hotjar.com *.googleapis.com https://*.nr-data.net https://*.newrelic.com https://*.cac1.pure.cloud; style-src 'self' 'unsafe-inline' *.cloudflare.com *.googleapis.com  *.jsdelivr.net; font-src 'self' *.gov.bc.ca *.hotjar.com *.cloudflare.com *.googleapis.com *.gstatic.com *.jsdelivr.net; img-src 'self' data: *.hotjar.com https://*.cac1.pure.cloud https://ws1.postescanada-canadapost.ca; connect-src 'self' https://api.iconify.design *.gov.bc.ca *.launchdarkly.com *.run.app *.hotjar.com *.postescanada-canadapost.ca *.sentry.io *.apigee.net wss://*.hotjar.com *.hotjar.io https://*.nr-data.net https://shyrka-prod-cac1.s3.ca-central-1.amazonaws.com https://*.newrelic.com https://*.cac1.pure.cloud wss://*.cac1.pure.cloud; manifest-src 'self'; media-src 'self' https://*.cac1.pure.cloud; object-src 'self' https://*.cac1.pure.cloud; child-src 'self' https://*.cac1.pure.cloud;"
+            },
+            { "key": "Cache-Control", "value": "no-cache, no-store, must-revalidate"},
+            { "key": "Pragma", "value": "no-cache"},
+            { "key": "Referrer-Policy", "value": "no-referrer" },
+            { "key": "Feature-Policy", "value": "microphone 'self'" },
+            { "key": "Strict-Transport-Security", "value": "max-age=31536000;" }
+          ]
+        }
+      ]
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sbc-connect/nuxt-base",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "repository": "github:bcgov/connect-nuxt",
   "license": "BSD-3-Clause",
   "main": "./nuxt.config.ts",
@@ -26,8 +26,8 @@
     "typescript": "5.9.3",
     "vue-tsc": "3.2.1",
     "@sbc-connect/eslint-config": "0.0.8",
-    "@sbc-connect/playwright-config": "0.1.0",
-    "@sbc-connect/vitest-config": "0.1.0"
+    "@sbc-connect/vitest-config": "0.1.0",
+    "@sbc-connect/playwright-config": "0.1.1"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",