feat: add bottom fade mask utility and enhance Playground layout

2025-02-07 23:49:40 +05:30
parent 1eae319d10
commit a46156847d
10 changed files with 624 additions and 347 deletions
--- a/src/components/Layouts/Header.tsx
+++ b/src/components/Layouts/Header.tsx
@@ -89,9 +89,10 @@ export const Header: React.FC<Props> = ({
    }
  }

+
  return (
    <div
-      className={`sticky top-0 z-[999] flex h-16 p-3  bg-gray-50 border-b  dark:bg-[#171717] dark:border-gray-600 ${
+      className={`absolute top-0 z-10 w-full flex h-14 p-3  bg-gray-50 border-b  dark:bg-[#171717] dark:border-gray-600 ${
        temporaryChat && "!bg-gray-200 dark:!bg-black"
      }`}>
      <div className="flex gap-2 items-center">