From c1dacfc196b6fdae1b1f0b8a3c47e3a508a4c173 Mon Sep 17 00:00:00 2001 From: Aaron Ball Date: Mon, 10 Jun 2024 11:44:35 -0600 Subject: Styling performance improvements Remove body-content backdrop-filter. This is slowing down rendering too much. This also reduces the blur on the nav header for the same reason. --- res/style-head.css | 5 +++-- res/style.css | 2 -- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/res/style-head.css b/res/style-head.css index e514835..f99b4e1 100644 --- a/res/style-head.css +++ b/res/style-head.css @@ -6,8 +6,9 @@ div#nav-header { /*background:linear-gradient(to top right, #322, #678);*/ /*box-shadow:0px 0px 4px #4f4b43;*/ display:flex; - backdrop-filter:blur(10px) brightness(80%); - -webkit-backdrop-filter:blur(10px) brightness(80%); + backdrop-filter: blur(3px) brightness(70%); + -webkit-backdrop-filter: blur(3px) brightness(70%); + z-index:7; } div#nav-header div#nav-header-logo { diff --git a/res/style.css b/res/style.css index f04dcd3..6e7d3a4 100644 --- a/res/style.css +++ b/res/style.css @@ -135,8 +135,6 @@ div#body-content { margin-left:auto; margin-right:auto; max-width:70em; - backdrop-filter:brightness(93%); - -webkit-backdrop-filter:brightness(93%); } -- cgit v1.2.3