@local-civics/hub-ui 0.1.215 → 0.1.217
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.d.ts +11 -2
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3945,10 +3945,11 @@ const SOCIALS = [
|
|
|
3945
3945
|
{ label: "LinkedIn", href: "https://www.linkedin.com/company/localcivics", icon: IconBrandLinkedin },
|
|
3946
3946
|
{ label: "Facebook", href: "https://www.facebook.com/localcivics/", icon: IconBrandFacebook }
|
|
3947
3947
|
];
|
|
3948
|
-
const Footer = () => {
|
|
3948
|
+
const Footer = (props) => {
|
|
3949
3949
|
const linkClassName = builder("text-sm text-slate-500").append("hover:text-slate-700").build();
|
|
3950
3950
|
const socialClassName = builder("flex h-9 w-9 items-center justify-center rounded-full text-slate-400").append("hover:bg-slate-100 hover:text-slate-600").build();
|
|
3951
|
-
|
|
3951
|
+
const innerClassName = props.constrained ? "w-full max-w-[64rem] m-auto flex flex-col gap-6 px-4 py-8 lg:px-0" : "flex flex-col gap-6 px-4 py-8";
|
|
3952
|
+
return /* @__PURE__ */ React__default.createElement("footer", { className: "w-full border-t border-slate-100" }, /* @__PURE__ */ React__default.createElement("div", { className: innerClassName }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex max-w-xs flex-col gap-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React__default.createElement("img", { className: "w-4", src: "https://cdn.localcivics.io/brand/l.png", alt: "Local Civics" }), /* @__PURE__ */ React__default.createElement("span", { className: "text-lg font-bold text-slate-500" }, "PathLink")), /* @__PURE__ */ React__default.createElement("p", { className: "text-xs text-slate-400" }, "We connect students to powerful civic learning experiences.")), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-wrap gap-x-6 gap-y-2" }, LINKS.map((link) => /* @__PURE__ */ React__default.createElement("a", { key: link.label, className: linkClassName, href: link.href, target: "_blank", rel: "noreferrer" }, link.label)))), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col-reverse gap-4 border-t border-slate-100 pt-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-xs text-slate-400" }, "\xA9 ", new Date().getFullYear(), " Local Civics. All rights reserved."), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-1" }, SOCIALS.map((social) => {
|
|
3952
3953
|
const Icon = social.icon;
|
|
3953
3954
|
return /* @__PURE__ */ React__default.createElement(
|
|
3954
3955
|
"a",
|
|
@@ -6688,7 +6689,7 @@ const AuthLayout = (props) => {
|
|
|
6688
6689
|
onClick: props.onProfile,
|
|
6689
6690
|
active: props.page === "profile"
|
|
6690
6691
|
}
|
|
6691
|
-
), props.onSwitchAccount && /* @__PURE__ */ React__default.createElement(NavLink, { name: "switch accounts", onClick: props.onSwitchAccount }), props.onLogout && /* @__PURE__ */ React__default.createElement(NavLink, { name: "Logout", onClick: props.onLogout })), props.children && /* @__PURE__ */ React__default.createElement("section", { className: "absolute top-0 left-0 h-full overflow-auto pt-16 w-full" }, props.children), !props.children && /* @__PURE__ */ React__default.createElement("section", { className: "w-full px-4 py-5 lg:px-36 flex flex-col gap-4" }, props.header && /* @__PURE__ */ React__default.createElement("div", { className: "w-full max-w-[64rem] m-auto min-h-16 lg:min-h-24 lg:flex" }, props.header), /* @__PURE__ */ React__default.createElement("div", { className: "grow w-full min-h-96" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full max-w-[64rem] m-auto grid grid-cols-1 gap-y-4 lg:flex lg:gap-x-2" }, props.sidebar && /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-1 max-w-full md:flex md:flex-col gap-2 lg:w-[230px] shrink-0 lg:sticky lg:top-0 lg:h-screen lg:self-start lg:overflow-y-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-4 lg:gap-x-2 lg:gap-y-3" }, props.sidebar)), (props.subheader || props.main) && /* @__PURE__ */ React__default.createElement("div", { className: "grow grid grid-cols-1 max-w-full overflow-x-hidden md:flex md:flex-col gap-4 lg:gap-2" }, props.subheader && /* @__PURE__ */ React__default.createElement("div", { className: "relative grid grid-cols-1 md:flex w-full gap-4 lg:gap-2" }, props.subheader), props.main && /* @__PURE__ */ React__default.createElement("div", { className: "relative grid grid-cols-1 w-full gap-4 lg:gap-2" }, props.main)))), /* @__PURE__ */ React__default.createElement(Footer,
|
|
6692
|
+
), props.onSwitchAccount && /* @__PURE__ */ React__default.createElement(NavLink, { name: "switch accounts", onClick: props.onSwitchAccount }), props.onLogout && /* @__PURE__ */ React__default.createElement(NavLink, { name: "Logout", onClick: props.onLogout })), props.children && /* @__PURE__ */ React__default.createElement("section", { className: "absolute top-0 left-0 h-full overflow-auto pt-16 w-full" }, props.children), !props.children && /* @__PURE__ */ React__default.createElement("section", { className: "w-full px-4 py-5 lg:px-36 flex flex-col gap-4" }, props.header && /* @__PURE__ */ React__default.createElement("div", { className: "w-full max-w-[64rem] m-auto min-h-16 lg:min-h-24 lg:flex" }, props.header), /* @__PURE__ */ React__default.createElement("div", { className: "grow w-full min-h-96" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full max-w-[64rem] m-auto grid grid-cols-1 gap-y-4 lg:flex lg:gap-x-2" }, props.sidebar && /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-1 max-w-full md:flex md:flex-col gap-2 lg:w-[230px] shrink-0 lg:sticky lg:top-0 lg:h-screen lg:self-start lg:overflow-y-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-4 lg:gap-x-2 lg:gap-y-3" }, props.sidebar)), (props.subheader || props.main) && /* @__PURE__ */ React__default.createElement("div", { className: "grow grid grid-cols-1 max-w-full overflow-x-hidden md:flex md:flex-col gap-4 lg:gap-2" }, props.subheader && /* @__PURE__ */ React__default.createElement("div", { className: "relative grid grid-cols-1 md:flex w-full gap-4 lg:gap-2" }, props.subheader), props.main && /* @__PURE__ */ React__default.createElement("div", { className: "relative grid grid-cols-1 w-full gap-4 lg:gap-2" }, props.main)))), /* @__PURE__ */ React__default.createElement(Footer, { constrained: true }))), props.outlet);
|
|
6692
6693
|
};
|
|
6693
6694
|
|
|
6694
6695
|
const HomeLayout = (props) => {
|