quick-bug-reporter-react 1.0.5 → 1.0.6

package/dist/index.cjs

@@ -2189,7 +2189,8 @@ function FloatingBugButton() {
     "div",
     {
       ref: containerRef,
-      className: "fixed bottom-4 right-4 z-[1100] flex flex-col items-end",
+      style: { position: "fixed", bottom: "1rem", right: "1rem", zIndex: 1100 },
+      className: "flex flex-col items-end",
       "data-bug-reporter-ui": "true",
       children: isRecording ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Button, { className: "h-11 gap-2 rounded-full px-4 shadow-lg shadow-black/20", type: "button", variant: "destructive", onClick: () => void handleStopRecording(), children: [
@@ -2312,6 +2313,7 @@ function DialogOverlay({
     radixUi.Dialog.Overlay,
     {
       "data-slot": "dialog-overlay",
+      "data-bug-reporter-ui": "true",
       className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/60 duration-100 supports-backdrop-filter:backdrop-blur-sm fixed inset-0 isolate z-50", className),
       ...props
     }
@@ -2329,8 +2331,16 @@ function DialogContent({
       radixUi.Dialog.Content,
       {
         "data-slot": "dialog-content",
+        "data-bug-reporter-ui": "true",
+        style: {
+          position: "fixed",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          translate: "none"
+        },
         className: cn(
-          "bg-white text-gray-900 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-gray-900/5 grid max-w-[calc(100%-2rem)] gap-6 rounded-4xl p-6 text-sm ring-1 shadow-xl duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          "bg-white text-gray-900 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-gray-900/5 grid max-w-[calc(100%-2rem)] gap-6 rounded-4xl p-6 text-sm ring-1 shadow-xl duration-100 sm:max-w-md z-50 w-full outline-none",
           className
         ),
         ...props,