fix: radix cls

tapexyz · Feb 27, 2024 · 883a8e3 · 883a8e3
1 parent e05e34c
commit 883a8e3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/apps/web/src/styles/index.css b/apps/web/src/styles/index.css
@@ -2,24 +2,23 @@
 @tailwind components;
 @tailwind utilities;
 
-html {
-  @apply overflow-x-hidden overflow-y-scroll;
-}
-
-body {
-  @apply min-h-screen bg-white text-black antialiased dark:bg-black dark:text-white;
-}
-
 /* Start - To fix radix CLS on dropdown and modal */
 html {
   scrollbar-gutter: stable;
 }
 body[style], body[data-scroll-locked] {
-  margin: 0 auto !important;
-  margin-right: 0 !important;
+  margin: 0 !important;
 }
 /* Ends - To fix radix CLS on dropdown and modal */
 
+html {
+  @apply overflow-x-hidden overflow-y-scroll;
+}
+
+body {
+  @apply min-h-screen bg-white text-black antialiased dark:bg-black dark:text-white;
+}
+
 .tape-border {
   @apply border border-[#00000020] dark:border-[#ffffff20];
 }

diff --git a/packages/ui/src/Dropdown.tsx b/packages/ui/src/Dropdown.tsx
@@ -112,7 +112,7 @@ export const DropdownMenu: FC<DropdownMenuProps> = ({
   align = 'end'
 }) => {
   return (
-    <DropdownMenuPrimitive.Root>
+    <DropdownMenuPrimitive.Root modal={false}>
       <DropdownMenuPrimitive.Trigger className="outline-none">
         {trigger}
       </DropdownMenuPrimitive.Trigger>