From 183bba0c9e1d01745569912d3726832660e02c9d Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Fri, 5 Sep 2025 14:55:05 +0200
Subject: [PATCH] Fix Edge browser black background issue in Board and Member
 portals
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added background-color: #fafafa to v-app element in both layouts
- Added solid background-color fallback to .glass-main class before gradients
- Ensures Edge and other browsers show light background even without gradient support
- Fixes transparent rgba gradient rendering issues in Edge

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 layouts/board.vue  | 6 +++++-
 layouts/member.vue | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/layouts/board.vue b/layouts/board.vue
index 64bc112..ad43f84 100644
--- a/layouts/board.vue
+++ b/layouts/board.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app>
+  <v-app style="background-color: #fafafa;">
     <v-navigation-drawer 
       v-model="drawer" 
       :rail="miniVariant"
@@ -710,6 +710,10 @@ watch(width, (newWidth) => {
 
 // Glass Main Background
 .glass-main {
+  background-color: #fafafa; // Solid fallback for Edge and other browsers
+  background-image: linear-gradient(180deg, 
+    rgba(250, 250, 250, 0.9) 0%, 
+    rgba(245, 245, 245, 0.9) 100%);
   background: linear-gradient(180deg, 
     rgba(250, 250, 250, 0.9) 0%, 
     rgba(245, 245, 245, 0.9) 100%);
diff --git a/layouts/member.vue b/layouts/member.vue
index 90b7cc2..6b9cb2a 100644
--- a/layouts/member.vue
+++ b/layouts/member.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app>
+  <v-app style="background-color: #fafafa;">
     <v-navigation-drawer 
       v-model="drawer" 
       :rail="miniVariant"
@@ -510,6 +510,10 @@ watch(width, (newWidth) => {
 
 // Glass Main Background
 .glass-main {
+  background-color: #fafafa; // Solid fallback for Edge and other browsers
+  background-image: linear-gradient(180deg, 
+    rgba(250, 250, 250, 0.9) 0%, 
+    rgba(245, 245, 245, 0.9) 100%);
   background: linear-gradient(180deg, 
     rgba(250, 250, 250, 0.9) 0%, 
     rgba(245, 245, 245, 0.9) 100%);