@olwiba/ui 0.2.11 → 0.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -473,10 +473,16 @@ function AppShell({
473
473
  }
474
474
  var defaultRenderLink2 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
475
475
  function CenteredAuth({ children, brand, className }) {
476
- return /* @__PURE__ */ jsxs("section", { className: cn$1("flex min-h-screen flex-col justify-center bg-background py-12 px-4 sm:px-6 lg:px-8", className), children: [
477
- brand && /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-md text-center mb-8", children: brand }),
478
- /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-md", children })
479
- ] });
476
+ return (
477
+ // `min-h-dvh`, not `min-h-screen`: on mobile `100vh` is the viewport with
478
+ // the browser chrome *retracted*, so a screen-height box is always taller
479
+ // than what you can actually see, and it resizes under you as the URL bar
480
+ // hides and shows.
481
+ /* @__PURE__ */ jsx("section", { className: cn$1("flex min-h-dvh flex-col bg-background px-4 py-10 sm:px-6 sm:py-12 lg:px-8", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-md sm:my-auto", children: [
482
+ brand && /* @__PURE__ */ jsx("div", { className: "mb-8 text-center", children: brand }),
483
+ children
484
+ ] }) })
485
+ );
480
486
  }
481
487
  function SplitAuth({ children, panel }) {
482
488
  const defaultPanel = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [