From 64dbc78569e764c487faaf52e9a68cdb3dbf643b Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Thu, 4 Sep 2025 23:06:38 +0200
Subject: [PATCH] Fix black background issue on Board and Member portal pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added board-dashboard class wrapper to Board pages (Governance, Meetings, Members)
- Added member-dashboard class wrapper to Member pages (Events, Profile, Resources)
- All pages now properly display the light gradient background matching admin dashboard

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 pages/board/governance/index.vue | 6 ++++--
 pages/board/meetings/index.vue   | 6 ++++--
 pages/board/members/index.vue    | 2 +-
 pages/member/events/index.vue    | 2 +-
 pages/member/profile/index.vue   | 2 +-
 pages/member/resources/index.vue | 2 +-
 6 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/pages/board/governance/index.vue b/pages/board/governance/index.vue
index 783c1c6..9d2c06f 100644
--- a/pages/board/governance/index.vue
+++ b/pages/board/governance/index.vue
@@ -1,5 +1,6 @@
 <template>
-  <v-container fluid>
+  <div class="board-dashboard">
+    <v-container fluid>
     <!-- Header -->
     <v-row class="mb-6">
       <v-col>
@@ -200,7 +201,8 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
-  </v-container>
+    </v-container>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/pages/board/meetings/index.vue b/pages/board/meetings/index.vue
index 45ee65b..fff991d 100644
--- a/pages/board/meetings/index.vue
+++ b/pages/board/meetings/index.vue
@@ -1,5 +1,6 @@
 <template>
-  <v-container fluid>
+  <div class="board-dashboard">
+    <v-container fluid>
     <!-- Header -->
     <v-row class="mb-6">
       <v-col>
@@ -187,7 +188,8 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
-  </v-container>
+    </v-container>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/pages/board/members/index.vue b/pages/board/members/index.vue
index b4baaf8..b40ebac 100644
--- a/pages/board/members/index.vue
+++ b/pages/board/members/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="board-dashboard">
     <!-- Header -->
     <div class="mb-6">
       <div class="d-flex justify-space-between align-center">
diff --git a/pages/member/events/index.vue b/pages/member/events/index.vue
index ff3bfd5..a0800ab 100644
--- a/pages/member/events/index.vue
+++ b/pages/member/events/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="member-dashboard">
     <!-- Header -->
     <div class="mb-6">
       <h1 class="text-h4 font-weight-bold mb-2">Events</h1>
diff --git a/pages/member/profile/index.vue b/pages/member/profile/index.vue
index d7aca97..44939af 100644
--- a/pages/member/profile/index.vue
+++ b/pages/member/profile/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="member-dashboard">
     <!-- Header -->
     <div class="mb-6">
       <h1 class="text-h4 font-weight-bold mb-2">My Profile</h1>
diff --git a/pages/member/resources/index.vue b/pages/member/resources/index.vue
index ff6c99b..0a3c65e 100644
--- a/pages/member/resources/index.vue
+++ b/pages/member/resources/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="member-dashboard">
     <!-- Header -->
     <div class="mb-6">
       <h1 class="text-h4 font-weight-bold mb-2">Resources</h1>