From 8d5eadf7348870c25415b4277d5eaf482c331399 Mon Sep 17 00:00:00 2001 From: Nolan Lawson Date: Sun, 28 Jan 2018 14:05:48 -0800 Subject: [PATCH] tweak frosted glass effect --- routes/_components/AccountProfile.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/routes/_components/AccountProfile.html b/routes/_components/AccountProfile.html index dc4bfda..f36fdba 100644 --- a/routes/_components/AccountProfile.html +++ b/routes/_components/AccountProfile.html @@ -61,15 +61,15 @@ justify-content: center; } - @supports (-webkit-backdrop-filter: blur(20px) saturate(130%)) or (backdrop-filter: blur(20px) saturate(130%)) { + @supports (-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%)) { :global(.account-profile-grid) { - -webkit-backdrop-filter: blur(20px) saturate(130%); - backdrop-filter: blur(20px) saturate(130%); - background-color: rgba(255, 255, 255, 0.5); + -webkit-backdrop-filter: blur(7px) saturate(110%); + backdrop-filter: blur(7px) saturate(110%); + background-color: rgba(255, 255, 255, 0.7); } } - @supports not ((-webkit-backdrop-filter: blur(20px) saturate(130%)) or (backdrop-filter: blur(20px) saturate(130%))) { + @supports not ((-webkit-backdrop-filter: blur(1px) saturate(1%)) or (backdrop-filter: blur(1px) saturate(1%))) { :global(.account-profile-grid) { background-color: rgba(255, 255, 255, 0.9); }