cloudmr-ux 4.0.0 → 4.0.1

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.
@@ -1,5 +1,6 @@
1
1
  import "./Signin.scss";
2
- export default function Signin({ appIcon, appTitle, }: {
2
+ export default function Signin({ appIcon, appTitle, appIconHeight, }: {
3
3
  appIcon: string;
4
4
  appTitle: string;
5
+ appIconHeight?: string | number;
5
6
  }): import("react/jsx-runtime").JSX.Element;
@@ -40,11 +40,11 @@ var theme = createTheme({
40
40
  }
41
41
  });
42
42
  export default function Signin(_a) {
43
- var appIcon = _a.appIcon, appTitle = _a.appTitle;
43
+ var appIcon = _a.appIcon, appTitle = _a.appTitle, _b = _a.appIconHeight, appIconHeight = _b === void 0 ? "70pt" : _b;
44
44
  var dispatch = useAppDispatch();
45
- var _b = useAppSelector(function (state) { return state.authenticate; }), loading = _b.loading, error = _b.error;
46
- var _c = useState(false), showRegister = _c[0], setShowRegister = _c[1];
47
- var _d = useState(false), showForgotPassword = _d[0], setShowForgotPassword = _d[1];
45
+ var _c = useAppSelector(function (state) { return state.authenticate; }), loading = _c.loading, error = _c.error;
46
+ var _d = useState(false), showRegister = _d[0], setShowRegister = _d[1];
47
+ var _e = useState(false), showForgotPassword = _e[0], setShowForgotPassword = _e[1];
48
48
  useEffect(function () {
49
49
  // Clear error when component unmounts
50
50
  return function () {
@@ -62,7 +62,7 @@ export default function Signin(_a) {
62
62
  };
63
63
  dispatch(getLoggedInToken(credentials));
64
64
  };
65
- return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx("div", __assign({ className: "flex-center page-root", style: { paddingTop: "calc(20vh - 20px)" } }, { children: _jsxs("div", __assign({ id: "welcome" }, { children: [_jsx("div", __assign({ id: "welcome-logo" }, { children: _jsxs("div", __assign({ style: {
65
+ return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx("div", __assign({ className: "flex-center page-root", style: { paddingTop: "clamp(16px, 12vh, 140px)" } }, { children: _jsxs("div", __assign({ id: "welcome" }, { children: [_jsx("div", __assign({ id: "welcome-logo" }, { children: _jsxs("div", __assign({ style: {
66
66
  margin: "auto",
67
67
  width: "100%",
68
68
  display: "flex",
@@ -84,3 +84,10 @@ body {
84
84
  display: flex;
85
85
  }
86
86
 
87
+ .page-root {
88
+ min-height: 100vh;
89
+ box-sizing: border-box;
90
+
91
+ /* Reserve space so content can't be covered by a fixed footer */
92
+ padding-bottom: 96px;
93
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloudmr-ux",
3
- "version": "4.0.0",
3
+ "version": "4.0.1",
4
4
  "author": "erosmontin@gmail.com",
5
5
  "license": "MIT",
6
6
  "repository": "erosmontin/cloudmr-ux",