ywana-core8 0.0.847 → 0.0.849

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.847",
+  "version": "0.0.849",
   "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>
@@ -480,11 +480,11 @@ export const TableEditor = (props) => {
             children: <DataTable {...table} onRowSelection={select} editable={editable} onCheckAll={check} className={className} />
         })
     })
-
+    
     return (
         <Fragment>
             <Header icon={icon} title={<Text>{title}</Text>}>
-                {groupBy ? <DropDown id="groupBy" label="Agrupar Por" value={groupBy} options={buildGroupOptions(schema)} onChange={changeGroup} /> : null}
+                {groupBy ? <DropDown id="groupBy" label={<Text>Group By</Text>} value={groupBy} options={buildGroupOptions(schema)} onChange={changeGroup} /> : null}
                 {tabbedBy ? <Tabs fillRight={true} fillLeft={false}>
                     {tabs.map(tab => <Tab id={tab.value} label={tab.label} />)}
                 </Tabs> : ''}

package/src/site/site.js

@@ -147,9 +147,9 @@ const SiteNotifications = () => {
  * Site Header
  */
 const SiteHeader = (props) => {
-    const { icon = "equalizer", title } = props
+    const { icon = "equalizer", iconSrc, title } = props
     return (
-        <Header icon={icon} title={title} />
+        <Header icon={icon} iconSrc={iconSrc} title={title} />
     )
 }