diff options
| author | Aaron Ball <nullspoon@oper.io> | 2024-06-10 11:44:35 -0600 |
|---|---|---|
| committer | Aaron Ball <nullspoon@oper.io> | 2024-06-10 11:50:52 -0600 |
| commit | c1dacfc196b6fdae1b1f0b8a3c47e3a508a4c173 (patch) | |
| tree | 221415097344e8e8c73ced76fc3a1dd7e41b6020 | |
| parent | dd867890558edddf815b20240c6a72a87b1eaaea (diff) | |
| download | oper.io-c1dacfc196b6fdae1b1f0b8a3c47e3a508a4c173.tar.gz oper.io-c1dacfc196b6fdae1b1f0b8a3c47e3a508a4c173.tar.xz | |
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.
| -rw-r--r-- | res/style-head.css | 5 | ||||
| -rw-r--r-- | 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%); } |