⚒️ Fix UI components.

pheralb · Nov 21, 2022 · 5371135 · 5371135 · vercel · Nov 21, 2022
1 parent 9d5e09c
commit 5371135
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/ui/dropdown.tsx b/src/ui/dropdown.tsx
@@ -25,7 +25,7 @@ export const Dropdown = (props: DropdownProps) => {
         leaveFrom="transform opacity-100 scale-100"
         leaveTo="transform opacity-0 scale-95"
       >
-        <Menu.Items className="absolute p-1 right-2 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-midnight border border-zinc-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
+        <Menu.Items className="absolute p-1 right-2 mt-2 w-56 origin-top-right divide-y z-40 divide-gray-100 rounded-md bg-midnight border border-zinc-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
           <div className="py-1">{props.children}</div>
         </Menu.Items>
       </Transition>

diff --git a/src/ui/modal.tsx b/src/ui/modal.tsx
@@ -2,7 +2,7 @@ import { Dialog, Transition } from "@headlessui/react";
 import { Fragment } from "react";
 
 interface ModalProps {
-  title: string;
+  title?: string;
   children: React.ReactNode;
   className?: string;
   open: boolean;
@@ -37,12 +37,14 @@ const Modal = (props: ModalProps) => {
               leaveTo="opacity-0 scale-95"
             >
               <Dialog.Panel className="w-full max-w-md transform overflow-hidden rounded-2xl bg-midnight text-white p-6 text-left align-middle shadow-xl transition-all">
-                <Dialog.Title
-                  as="h3"
-                  className="text-lg font-medium leading-6 mb-4"
-                >
-                  {props.title}
-                </Dialog.Title>
+                {props.title && (
+                  <Dialog.Title
+                    as="h3"
+                    className="text-lg font-medium leading-6 mb-4 text-gray-400"
+                  >
+                    {props.title}
+                  </Dialog.Title>
+                )}
                 {props.children}
               </Dialog.Panel>
             </Transition.Child>