Fix button z-index

0xneged · Aug 1, 2024 · 1e76aeb · 1e76aeb
1 parent c9e2ffe
commit 1e76aeb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/FloatingChatButton.tsx b/src/components/FloatingChatButton.tsx
@@ -11,7 +11,7 @@ export default function () {
   return (
     <>
       <button
-        className="flex items-center justify-center rounded-full disabled:bg-opacity-40 bg-primary-bright hover:bg-primary-dark active:bg-hat drop-shadow-xl transition-colors fixed left-4 md:left-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl"
+        className="flex items-center z-20 justify-center rounded-full disabled:bg-opacity-40 bg-primary-bright hover:bg-primary-dark active:bg-hat drop-shadow-xl transition-colors fixed left-4 md:left-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl"
         onClick={() => setModalOpen(true)}
       >
         💬

diff --git a/src/components/FloatingGmButton.tsx b/src/components/FloatingGmButton.tsx
@@ -11,7 +11,7 @@ export default function () {
   return (
     <>
       <button
-        className="flex items-center justify-center rounded-full disabled:bg-opacity-40 bg-yellow-200 disabled:bg-yellow-500 fixed right-4 md:right-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl gm-button"
+        className="flex z-20 items-center justify-center rounded-full disabled:bg-opacity-40 bg-yellow-200 disabled:bg-yellow-500 fixed right-4 md:right-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl gm-button"
         onClick={() => setModalOpen(true)}
       >
         🔥