ywana-core8 0.0.846 → 0.0.848

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.846",
+  "version": "0.0.848",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/css/html.css

@@ -1,6 +1,24 @@
 html {
-  font-size: 14px;
-  font-family: "Assistant"
+  font-size: 11px;
+  font-family: "Inter" !important;
+}
+
+@media (min-width: 1000px) {
+  html {
+      font-size: 12px;
+  }
+}
+
+@media (min-width: 1600px) {
+  html {
+      font-size: 14px;
+  }
+}
+
+@media (min-width: 2200px) {
+  html {
+      font-size: 16px;
+  }
 }
 
 body {

package/src/domain/TablePage2.js

@@ -17,7 +17,7 @@ export const TablePage2 = (props) => {
 
     const site = useContext(SiteContext)
     const { id = "table",
-        icon, title, name,
+        icon, title, name, className,
         schema, 
         url, field, host, params = "",                                          // TableContext
         canQuery = false, urlQuery, user,                                       // TableQueries
@@ -126,19 +126,19 @@ export const TablePage2 = (props) => {
 
     return (
         <Fragment>
-            <Header className="table-page" title={<Text>{title}</Text>}>
+            <Header className={`table-page ${className}`} title={<Text>{title}</Text>}>
                 {canAdd ? <Button icon="add" label="Añadir" action={add} raised /> : null}
                 &nbsp;
                 <Button icon="refresh" label="Reload" action={reload} />
                 {renderActions()}
             </Header>
             {canQuery || canFilter ? (
-                <menu className="table-page">
+                <menu className={`table-page ${className}`}>
                     {canQuery ? <TableQueries schema={schema} url={url} user={user} /> : null}
                     {canFilter ? <TableFilters schema={schema} onSave={canQuery ? saveQuery : null} /> : null}
                 </menu>
             ) : null}
-            <main key={id} className="table-page">
+            <main key={id} className={`table-page ${className}`}>
                 <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} tabbedBy={tabbedBy} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} className={tableClassName} />
                 {children ? <article>{children}</article> : null}
             </main>

package/src/html/textfield.css

@@ -86,6 +86,10 @@ input:read-only {
   border: 0px !important;
 }
 
+input:-webkit-autofill ~ label {
+    top: .3rem;
+} 
+
 .textfield input[type="date"] ~ label {
     top: .3rem;
     font-size: .8rem;

package/src/widgets/login/LoginBox.css

@@ -43,6 +43,7 @@
 }
 
 .load-box {
+  width: 100%;
   color: var(--primary-color-text);
   background-color: var(--primary-color);
   display: flex;
@@ -77,6 +78,7 @@
   padding: 1rem;
   display: flex;
   flex-direction: column;
+  align-items: flex-end;
 }
 
 @keyframes fadeIn {
@@ -87,3 +89,14 @@
     opacity: 1;
   }
 }
+
+.login-box .login-button {
+  animation: fadeIn 0.5s;
+  width: 100%;
+}
+
+.login-box .forgot-button {
+    text-align: right;
+    font-weight: 500;
+    max-width: 15rem;
+}

package/src/widgets/login/LoginBox.js

@@ -12,7 +12,7 @@ export const LoginBox = ({
     passwordLabel = "Password",
     passwordValue = '',
     loginLabel = "Log In", onOK,
-    forgotLabel = "Forgot Password ?", onForgot,
+    forgotLabel = "Forgot Password?", onForgot,
     message,
     loading
 }) => {
@@ -59,8 +59,8 @@ export const LoginBox = ({
                 <TextField label={tx(passwordLabel)} value={password} onChange={changePassword} onEnter={ok} type="password" outlined />
             </main>
             <footer>
-                { onForgot ? <Button label={tx(forgotLabel)} action={forgot} disabled={!canForgot()}/> : null }
-                { loading ? <div className="load-box"><Icon icon="refresh" /></div> : <Button label={tx(loginLabel)} action={ok} disabled={!canOK()} raised /> }
+                { loading ? <div className="load-box"><Icon icon="refresh" /></div> : <Button label={tx(loginLabel)} action={ok} disabled={!canOK()} raised className="login-button" /> }
+                { onForgot ? <Button label={tx(forgotLabel)} action={forgot} disabled={!canForgot()} className="forgot-button"/> : null }
                 { message ? <div className="message"><Text>{message}</Text></div> : null}
             </footer>
         </div>

package/src/widgets/login/LoginBox.test.js

@@ -5,7 +5,7 @@ const LoginBoxTest = (prop) => {
 
     return (
      
-        <LoginBox />
+        <LoginBox onForgot />
      
     )
 }