kodama-ui/dist/auth-d52f7222.mjs

Kodama UI is a Vue 3 component library that provides a set of components & funcionality to build your application.

import { defineComponent as i, computed as u, resolveComponent as t, openBlock as d, createElementBlock as m, normalizeStyle as b, createElementVNode as l, createVNode as o } from "vue";
import { K as p } from "./footer-e5aa63d5.mjs";
import { b as s, c as _, e as f, _ as k } from "./main-5627e7fd.mjs";
const h = i({
  name: "AuthPageLayout",
  components: { KPublicFooter: p },
  setup() {
    return { bgStyle: u(() => s ? {
      "background-image": `url(${s})`
    } : {}), darkMode: _, bubbleColor: f };
  }
}), g = { class: "px-5 py-8 sm:p-10 sm:mb-12 z-10" }, y = { class: "flex flex-col p-3 sm:p-10 z-10" }, v = { class: "flex flex-col p-10 sm:mt-10 z-10" };
function w(e, x, C, $, z, S) {
  const n = t("k-logo"), c = t("router-view"), a = t("k-public-footer"), r = t("k-bubbles");
  return d(), m("div", {
    class: "flex flex-col items-center justify-between sm:justify-center h-screen w-full overflow-y-auto bg-white dark:bg-gray-900",
    style: b(e.bgStyle)
  }, [
    l("div", g, [
      o(n, {
        side: "",
        height: 80,
        dark: e.darkMode
      }, null, 8, ["dark"])
    ]),
    l("div", y, [
      o(c)
    ]),
    l("div", v, [
      o(a)
    ]),
    o(r, {
      bottom: -200,
      right: -200,
      width: 750,
      rotate: 45,
      color: e.bubbleColor,
      class: "hidden sm:block"
    }, null, 8, ["color"]),
    o(r, {
      top: -200,
      left: -200,
      width: 750,
      rotate: 45,
      color: e.bubbleColor,
      class: "hidden sm:block"
    }, null, 8, ["color"])
  ], 4);
}
const K = /* @__PURE__ */ k(h, [["render", w]]);
export {
  K as default
};