From fd98de583b1e89d44fe62c486d7cf7ed28601f01 Mon Sep 17 00:00:00 2001 From: John Pan Date: Mon, 11 Nov 2024 17:55:20 -0800 Subject: [PATCH 1/3] blur + darker bg --- gui/src/inventory/pages/HomePage.tsx | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/gui/src/inventory/pages/HomePage.tsx b/gui/src/inventory/pages/HomePage.tsx index 72e8a39f56..d743005404 100644 --- a/gui/src/inventory/pages/HomePage.tsx +++ b/gui/src/inventory/pages/HomePage.tsx @@ -49,16 +49,15 @@ export default function HomePage() { }, ]; - const updateOverlayStyle = (borderRadius: string, boxShadow: string) => { + const updateOverlayStyle = (borderRadius: string, boxShadow: string, blur: string) => { document.documentElement.style.setProperty('--overlay-border-radius', borderRadius); - document.documentElement.style.setProperty('--overlay-box-shadow', boxShadow); + document.documentElement.style.setProperty('backdrop-filter', `blur(${blur}px)`); + document.documentElement.style.setProperty('background-color', "rgba(0, 0, 0, 0.35)"); + }; useEffect(() => { - updateOverlayStyle('0px', 'transparent'); - return () => { - updateOverlayStyle('12px', '0 8px 24px rgba(0, 0, 0, 0.25)'); - } + updateOverlayStyle('0px', 'transparent', '3'); }, []); const ideMessenger = useContext(IdeMessengerContext); From 998b849fdfc8cc65dedeb6d4b90e256992b0871f Mon Sep 17 00:00:00 2001 From: John Pan Date: Mon, 11 Nov 2024 18:00:25 -0800 Subject: [PATCH 2/3] minor change --- gui/src/inventory/pages/HomePage.tsx | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/gui/src/inventory/pages/HomePage.tsx b/gui/src/inventory/pages/HomePage.tsx index d743005404..c95575fa1b 100644 --- a/gui/src/inventory/pages/HomePage.tsx +++ b/gui/src/inventory/pages/HomePage.tsx @@ -49,15 +49,10 @@ export default function HomePage() { }, ]; - const updateOverlayStyle = (borderRadius: string, boxShadow: string, blur: string) => { - document.documentElement.style.setProperty('--overlay-border-radius', borderRadius); - document.documentElement.style.setProperty('backdrop-filter', `blur(${blur}px)`); - document.documentElement.style.setProperty('background-color', "rgba(0, 0, 0, 0.35)"); - - }; - useEffect(() => { - updateOverlayStyle('0px', 'transparent', '3'); + document.documentElement.style.setProperty('--overlay-border-radius', '15px'); + document.documentElement.style.setProperty('backdrop-filter', `blur(3}px)`); + document.documentElement.style.setProperty('background-color', "rgba(0, 0, 0, 0.35)"); }, []); const ideMessenger = useContext(IdeMessengerContext); From dd6190e83d1e7f2ca329920a5074456f62ce03dc Mon Sep 17 00:00:00 2001 From: John Pan Date: Mon, 11 Nov 2024 18:03:23 -0800 Subject: [PATCH 3/3] typo --- gui/src/inventory/pages/HomePage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/gui/src/inventory/pages/HomePage.tsx b/gui/src/inventory/pages/HomePage.tsx index c95575fa1b..c5fc165487 100644 --- a/gui/src/inventory/pages/HomePage.tsx +++ b/gui/src/inventory/pages/HomePage.tsx @@ -51,7 +51,7 @@ export default function HomePage() { useEffect(() => { document.documentElement.style.setProperty('--overlay-border-radius', '15px'); - document.documentElement.style.setProperty('backdrop-filter', `blur(3}px)`); + document.documentElement.style.setProperty('backdrop-filter', `blur(3px)`); document.documentElement.style.setProperty('background-color', "rgba(0, 0, 0, 0.35)"); }, []);