From ef16c38e5c53938effa03226dfda8722377d18d2 Mon Sep 17 00:00:00 2001
From: Manvendra <mksingh5904@gmail.com>
Date: Tue, 31 Mar 2026 20:53:04 +0530
Subject: [PATCH 1/2] fix:621 fixed gradient issues

---
 eduaid_desktop/main.js          |  1 +
 eduaid_web/src/index.css        | 17 +++++++++++++++++
 eduaid_web/src/pages/Output.jsx | 20 ++++++++++----------
 3 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/eduaid_desktop/main.js b/eduaid_desktop/main.js
index b0346138..adac7f2a 100644
--- a/eduaid_desktop/main.js
+++ b/eduaid_desktop/main.js
@@ -1,4 +1,5 @@
 const { app, BrowserWindow, Menu, shell, dialog, ipcMain } = require('electron');
+app.disableHardwareAcceleration();
 const path = require('path');
 const fs = require('fs');
 const config = require('./config');
diff --git a/eduaid_web/src/index.css b/eduaid_web/src/index.css
index 31dc491c..24ce135e 100644
--- a/eduaid_web/src/index.css
+++ b/eduaid_web/src/index.css
@@ -22,4 +22,21 @@ code {
   border-image: linear-gradient(to right, #ff005c, #7600f2, #00cbe7);
   border-image-slice: 1;
   border-radius: 2rem;
+}
+
+.gradient-text-base {
+  background: var(--gradient);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline-block;
+  transform: translateZ(0);
+}
+
+.gradient-text {
+  --gradient: linear-gradient(to right, #FF005C, #7600F2);
+}
+
+.gradient-text-2 {
+  --gradient: linear-gradient(to right, #7600F2, #00CBE7);
 }
\ No newline at end of file
diff --git a/eduaid_web/src/pages/Output.jsx b/eduaid_web/src/pages/Output.jsx
index 03b4cbc8..53035239 100644
--- a/eduaid_web/src/pages/Output.jsx
+++ b/eduaid_web/src/pages/Output.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo } from "react";
+import React, { useState, useEffect, useMemo, useRef } from "react";
 import "../index.css";
 import logoPNG from "../assets/aossie_logo_transparent.png";
 import { Link } from "react-router-dom";
@@ -15,14 +15,14 @@ const Output = () => {
   const [editedQuestion, setEditedQuestion] = useState("");
   const [editedAnswer, setEditedAnswer] = useState("");
   const [editedOptions, setEditedOptions] = useState([]);
+  const [showDropdown, setShowDropdown] = useState(false);
+  const dropdownRef = useRef(null);
 
   useEffect(() => {
     const handleClickOutside = (event) => {
-        const dropdown = document.getElementById('pdfDropdown');
-        if (dropdown && !dropdown.contains(event.target) && 
-            !event.target.closest('button')) {
-            dropdown.classList.add('hidden');
-        }
+        if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setShowDropdown(false);
+      }
     };
 
     document.addEventListener('mousedown', handleClickOutside);
@@ -195,7 +195,7 @@ const Output = () => {
       link.click();
       document.body.removeChild(link);
 
-      document.getElementById('pdfDropdown').classList.add('hidden');
+      setShowDropdown(false);
       worker.terminate();
     };
 
@@ -383,17 +383,17 @@ const Output = () => {
               Generate Google form
             </button>
             
-            <div className="relative w-full sm:w-auto">
+            <div ref={dropdownRef} className="relative w-full sm:w-auto">
               <button
                 className="bg-[#518E8E] items-center flex gap-1 w-full sm:w-auto font-semibold text-white px-4 sm:px-6 py-3 sm:py-2 rounded-xl text-sm sm:text-base hover:bg-[#3a6b6b] active:scale-95 active:bg-[#2f5555] transition-all justify-center"
-                onClick={() => document.getElementById('pdfDropdown').classList.toggle('hidden')}
+                onClick={() => setShowDropdown(prev => !prev)}
               >
                 Generate PDF
               </button>
               
               <div
                 id="pdfDropdown"
-                className="hidden absolute bottom-full mb-1 left-0 sm:left-auto right-0 sm:right-auto bg-[#02000F] shadow-md text-white rounded-lg shadow-lg z-50 w-full sm:w-48"
+                className={`${showDropdown ? 'block' : 'hidden'} absolute bottom-full mb-1 left-0 sm:left-auto right-0 sm:right-auto bg-[#02000F] shadow-md text-white rounded-lg shadow-lg z-50 w-full sm:w-48`}
               >
                 <button
                   className="block w-full text-left px-4 py-2 hover:bg-gray-500 active:bg-gray-600 active:scale-95 text-sm sm:text-base"

From e34fda3b0deb21aeeefa96fa74e472e3acc39286 Mon Sep 17 00:00:00 2001
From: Manvendra <mksingh5904@gmail.com>
Date: Sun, 12 Apr 2026 21:52:07 +0530
Subject: [PATCH 2/2] fix: add color: transparent for Firefox gradient text
 compatibility

---
 eduaid_web/src/index.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/eduaid_web/src/index.css b/eduaid_web/src/index.css
index 24ce135e..4740d33c 100644
--- a/eduaid_web/src/index.css
+++ b/eduaid_web/src/index.css
@@ -17,7 +17,7 @@ code {
 }
 
 .border-gradient {
-  border-width: 2px; 
+  border-width: 2px;
   border-style: solid;
   border-image: linear-gradient(to right, #ff005c, #7600f2, #00cbe7);
   border-image-slice: 1;
@@ -26,11 +26,11 @@ code {
 
 .gradient-text-base {
   background: var(--gradient);
-  -webkit-background-clip: text;
   background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
   -webkit-text-fill-color: transparent;
   display: inline-block;
-  transform: translateZ(0);
 }
 
 .gradient-text {