gatsby-theme-q3 3.6.1 → 3.6.10

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.6.10](https://github.com/3merge/q/compare/v3.6.9...v3.6.10) (2022-07-05)
+
+**Note:** Version bump only for package gatsby-theme-q3
+
+
+
+
+
+## [3.6.8](https://github.com/3merge/q/compare/v3.6.7...v3.6.8) (2022-06-30)
+
+
+### Bug Fixes
+
+* rte overflow buttons ([3efdab9](https://github.com/3merge/q/commit/3efdab93af5e240663868475bf1ed7763b0cd216))
+
+
+
+
+
+## [3.6.3](https://github.com/3merge/q/compare/v3.6.2...v3.6.3) (2022-06-28)
+
+**Note:** Version bump only for package gatsby-theme-q3
+
+
+
+
+
 ## [3.6.1](https://github.com/3merge/q/compare/v3.6.0...v3.6.1) (2022-06-28)
 
 **Note:** Version bump only for package gatsby-theme-q3

package/lib/components/PublicTemplate.js

@@ -17,6 +17,8 @@ var _q3UiLocale = require("q3-ui-locale");
 
 var _lodash = require("lodash");
 
+var _BackgroundStyle = _interopRequireDefault(require("q3-admin/lib/components/BackgroundStyle"));
+
 var _AdminPublicGateway = _interopRequireDefault(require("./AdminPublicGateway"));
 
 var _useSiteMetaData = _interopRequireDefault(require("./useSiteMetaData"));
@@ -28,9 +30,15 @@ const useStyle = (0, _core.makeStyles)(theme => ({
     invertLogo = false
   }) => {
     const output = {
-      height: 95,
-      width: 180,
+      height: 75,
+      maxHeight: 75,
+      width: 290,
       display: 'block',
+      [theme.breakpoints.down('md')]: {
+        height: 65,
+        maxHeight: 65,
+        width: 250
+      },
       '& img': {
         objectFit: 'contain',
         height: '100%',
@@ -109,7 +117,7 @@ const PublicTemplate = ({
     photo,
     invertLogo
   });
-  return /*#__PURE__*/_react.default.createElement(_AdminPublicGateway.default, rest, /*#__PURE__*/_react.default.createElement(_core.Box, {
+  return /*#__PURE__*/_react.default.createElement(_AdminPublicGateway.default, rest, /*#__PURE__*/_react.default.createElement(_BackgroundStyle.default, null), /*#__PURE__*/_react.default.createElement(_core.Box, {
     alignItems: "center",
     component: "article",
     display: "flex",

package/lib/pages/login.js

@@ -39,6 +39,7 @@ const Login = (0, _withPublicTemplate.default)((0, _withAuthenticate.default)(({
   } = (0, _q3UiLocale.useTranslation)();
   return /*#__PURE__*/_react.default.createElement(_FormBox.default, {
     renderBottom: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_builders.Form, {
+      submitLabel: "login",
       onSubmit: authenticate
     }, /*#__PURE__*/_react.default.createElement(_builders.Field, {
       name: "email",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-theme-q3",
-  "version": "3.6.1",
+  "version": "3.6.10",
   "main": "index.js",
   "license": "MIT",
   "peerDependencies": {
@@ -28,7 +28,7 @@
     "gatsby-plugin-robots-txt": "^1.6.14",
     "gatsby-plugin-sharp": "^4.2.0",
     "gatsby-plugin-sitemap": "^5.2.0",
-    "gatsby-theme-q3-mui": "^3.6.1",
+    "gatsby-theme-q3-mui": "^3.6.10",
     "gatsby-transformer-sharp": "^4.2.0",
     "lodash": "^4.17.20",
     "process": "^0.11.10",
@@ -42,5 +42,5 @@
     "transform-loader": "^0.2.4",
     "yarn": "^1.22.17"
   },
-  "gitHead": "dc59bfcb3affbba49149f4402aa82f73a77c36d0"
+  "gitHead": "4452e1cbbf45a93cff53065f9fa85043c7ccc021"
 }

package/src/components/PublicTemplate.jsx

@@ -11,16 +11,24 @@ import {
 import { Link as ReachLink } from 'gatsby';
 import { useTranslation } from 'q3-ui-locale';
 import { isString } from 'lodash';
+import BackgroundStyle from 'q3-admin/lib/components/BackgroundStyle';
 import AdminPublicGateway from './AdminPublicGateway';
 import useSiteMetaData from './useSiteMetaData';
 
 const useStyle = makeStyles((theme) => ({
   logo: ({ invertLogo = false }) => {
     const output = {
-      height: 95,
-      width: 180,
+      height: 75,
+      maxHeight: 75,
+      width: 290,
       display: 'block',
 
+      [theme.breakpoints.down('md')]: {
+        height: 65,
+        maxHeight: 65,
+        width: 250,
+      },
+
       '& img': {
         objectFit: 'contain',
         height: '100%',
@@ -101,6 +109,7 @@ const PublicTemplate = ({ children, ...rest }) => {
 
   return (
     <AdminPublicGateway {...rest}>
+      <BackgroundStyle />
       <Box
         alignItems="center"
         component="article"

package/src/pages/login.jsx

@@ -19,7 +19,10 @@ const Login = withPublicTemplate(
       <FormBox
         renderBottom={
           <>
-            <Form onSubmit={authenticate}>
+            <Form
+              submitLabel="login"
+              onSubmit={authenticate}
+            >
               <Field
                 name="email"
                 type="email"