fix: fixed dropdown styling (open-sauced#4077)

Co-authored-by: Nick Taylor <[email protected]>
FatumaA · Sep 4, 2024 · 4fa8b7f · 4fa8b7f
1 parent 9067dca
commit 4fa8b7f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/Repositories/AddToWorkspaceModal.tsx b/components/Repositories/AddToWorkspaceModal.tsx
@@ -70,7 +70,7 @@ export default function AddToWorkspaceModal({ repository, isOpen, onCloseModal,
         onInteractOutside={onCloseModal}
       >
         <Card heading={<h1 className="text-xl font-semibold">Add to workspace</h1>}>
-          <div className="flex flex-col gap-4 w-[32rem] h-full px-8 py-4">
+          <div className="flex flex-col gap-4 w-fit h-full px-8 py-4">
             {!user ? (
               <div className="flex flex-col gap-4 text-center">
                 <img

diff --git a/components/atoms/Select/single-select.tsx b/components/atoms/Select/single-select.tsx
@@ -60,7 +60,7 @@ const SingleSelect = ({
       <DropdownMenuTrigger
         data-inset-label={insetLabel}
         className={clsx(
-          "flex text-sm px-3 py-1.5 !border !border-slate-200 rounded-md bg-white data-[state=open]:border-orange-500 min-w-max",
+          "flex w-full justify-between md:w-fit text-sm px-3 py-1.5 !border !border-slate-200 rounded-md bg-white data-[state=open]:border-orange-500 min-w-max",
           insetLabel && `before:content-[attr(data-inset-label)] before:mr-1 before:font-normal before:text-slate-500`
         )}
       >
@@ -75,7 +75,7 @@ const SingleSelect = ({
         </div>
       </DropdownMenuTrigger>
 
-      <DropdownMenuContent className="!p-0 z-50 relative bg-white !w-full my-1 border shadow-lg rounded-lg">
+      <DropdownMenuContent className="!p-0 z-50 relative bg-white w-[90vw] md:w-auto my-1 border shadow-lg rounded-lg">
         <>
           {options.length > 0 && (
             <Command loop className="w-full px-0 pt-1 bg-transparent">