fix: filter section is overflowing for small screen in dashboard sect… (

#1690) Co-authored-by: Akshat Nema <[email protected]>
asyncapi · Sep 17, 2023 · 2b13b27 · 2b13b27
1 parent fe4f9de
commit 2b13b27
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/components/dashboard/table/Filters.js b/components/dashboard/table/Filters.js
@@ -68,13 +68,14 @@ export default function Filters({
         {open && (
           <div
             ref={floating}
+            className={`${strategy} ${(x && x > 0) ? `left-[${x}px]` : "left-[14px]"}`}
             style={{
-              position: strategy,
               top: y ?? '',
-              left: x ?? '',
+              left: x > 0 ? x : "",
             }}
-            data-testid="Filter-menu">
-            <div className="bg-white w-96 shadow-xl rounded">
+            data-testid="Filter-menu"
+          >
+            <div className="bg-white shadow-xl w-96 rounded max-w-[19rem]">
               <div className="flex p-4">
                 <h4 className="text-base">Filter Issues</h4>
                 <button onClick={() => setOpen(!open)} className="ml-auto">