✨feat(ui): Add a frosted glass effect with Gaussian blur to the HeaderBar

2025-05-20 00:56:45 +08:00
parent 1b0d7fbd56
commit 305d7528da
1 changed files with 1 additions and 1 deletions
--- a/web/src/components/HeaderBar.js
+++ b/web/src/components/HeaderBar.js
@@ -338,7 +338,7 @@ const HeaderBar = () => {
  };

  return (
-    <header className="bg-semi-color-bg-0 text-semi-color-text-0 sticky top-0 z-50 transition-colors duration-300">
+    <header className="text-semi-color-text-0 sticky top-0 z-50 transition-colors duration-300 bg-white/75 dark:bg-zinc-900/75 backdrop-blur-lg">
      <div className="w-full px-4">
        <div className="flex items-center justify-between h-16">
          <div className="flex items-center">