@local-civics/mgmt-ui 0.1.63 → 0.1.64
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 +17 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +18 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -263,6 +263,13 @@ const useStyles$g = core.createStyles((theme, _params, getRef) => {
|
|
|
263
263
|
navbar: {
|
|
264
264
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
|
|
265
265
|
},
|
|
266
|
+
navHeader: {
|
|
267
|
+
[`@media (max-width: ${theme.breakpoints.sm}px)`]: {
|
|
268
|
+
height: 71,
|
|
269
|
+
position: "absolute",
|
|
270
|
+
top: 0
|
|
271
|
+
}
|
|
272
|
+
},
|
|
266
273
|
navBody: {
|
|
267
274
|
[`@media (max-width: ${theme.breakpoints.sm}px)`]: {
|
|
268
275
|
display: "none"
|
|
@@ -364,7 +371,7 @@ function NestedNavbar(props) {
|
|
|
364
371
|
})
|
|
365
372
|
);
|
|
366
373
|
});
|
|
367
|
-
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(core.
|
|
374
|
+
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(core.Navbar, { width: { sm: 300 }, p: "md", className: cx(classes.navbar, { [classes.navHeader]: !burgerOpen }) }, /* @__PURE__ */ React__namespace.createElement(core.Navbar.Section, { className: classes.header }, /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.Center, null, /* @__PURE__ */ React__namespace.createElement(core.Avatar, { color: "blue", radius: "sm" }, /* @__PURE__ */ React__namespace.createElement("div", { style: { width: 15, marginLeft: "auto", marginRight: "auto" } }, /* @__PURE__ */ React__namespace.createElement(core.Image, { fit: "contain", src: "https://cdn.localcivics.io/brand/l.png" })))), /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "apart" }, /* @__PURE__ */ React__namespace.createElement(core.Code, { sx: { fontWeight: 700 } }, props.version), /* @__PURE__ */ React__namespace.createElement(core.Burger, { opened: burgerOpen, onClick: toggle, className: classes.burger, size: "sm" })))), /* @__PURE__ */ React__namespace.createElement("div", { className: cx({ [classes.navBody]: !burgerOpen }) }, /* @__PURE__ */ React__namespace.createElement(
|
|
368
375
|
UserButton,
|
|
369
376
|
{
|
|
370
377
|
className: classes.user,
|
|
@@ -2134,11 +2141,16 @@ var __spreadValues = (a, b) => {
|
|
|
2134
2141
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
2135
2142
|
const useStyles = core.createStyles((theme) => ({
|
|
2136
2143
|
footer: {
|
|
2137
|
-
paddingTop: theme.spacing.
|
|
2138
|
-
paddingBottom: theme.spacing.
|
|
2139
|
-
paddingLeft: theme.spacing.
|
|
2144
|
+
paddingTop: theme.spacing.md,
|
|
2145
|
+
paddingBottom: theme.spacing.md,
|
|
2146
|
+
paddingLeft: theme.spacing.md,
|
|
2140
2147
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0],
|
|
2141
|
-
borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]}
|
|
2148
|
+
borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]}`,
|
|
2149
|
+
[theme.fn.largerThan("sm")]: {
|
|
2150
|
+
paddingTop: theme.spacing.xl * 2,
|
|
2151
|
+
paddingBottom: theme.spacing.xl * 2,
|
|
2152
|
+
paddingLeft: theme.spacing.xl * 13
|
|
2153
|
+
}
|
|
2142
2154
|
},
|
|
2143
2155
|
logo: {
|
|
2144
2156
|
maxWidth: 200,
|