@gem-sdk/pages 1.12.0-next.1 → 1.12.0-next.3

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.
Files changed (5) hide show
  1. package/dist/cjs/components/Footer.js +10 -1
  2. package/dist/cjs/components/Header.js +10 -1
  3. package/dist/esm/components/Footer.js +11 -2
  4. package/dist/esm/components/Header.js +11 -2
  5. package/package.json +1 -1
package/dist/cjs/components/Footer.js CHANGED
@@ -6,6 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var core = require('@gem-sdk/core');
7
7
  var react = require('react');
8
8
 
9
+ const paddingX = {
10
+ desktop: '220px',
11
+ tablet: '16px',
12
+ mobile: '16px'
13
+ };
9
14
  const Footer = ()=>{
10
15
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
11
16
  const [shouldFixed, setShouldFixed] = react.useState(false);
@@ -28,10 +33,14 @@ const Footer = ()=>{
28
33
  };
29
34
  });
30
35
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
31
- className: core.cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] ', {
36
+ className: core.cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] font-sans', {
32
37
  hidden: !layoutSetting?.showFooter,
33
38
  'fixed w-full bottom-0 z-50': shouldFixed
34
39
  }),
40
+ style: {
41
+ ...core.makeStyleResponsive('pl', paddingX),
42
+ ...core.makeStyleResponsive('pr', paddingX)
43
+ },
35
44
  children: [
36
45
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
37
46
  width: "192",
package/dist/cjs/components/Header.js CHANGED
@@ -5,12 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var core = require('@gem-sdk/core');
7
7
 
8
+ const paddingX = {
9
+ desktop: '220px',
10
+ tablet: '16px',
11
+ mobile: '16px'
12
+ };
8
13
  const Header = ()=>{
9
14
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
10
15
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
11
- className: core.cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative px-[68px]', {
16
+ className: core.cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative font-sans', {
12
17
  hidden: !layoutSetting?.showHeader
13
18
  }),
19
+ style: {
20
+ ...core.makeStyleResponsive('pl', paddingX),
21
+ ...core.makeStyleResponsive('pr', paddingX)
22
+ },
14
23
  children: [
15
24
  /*#__PURE__*/ jsxRuntime.jsxs("svg", {
16
25
  width: "84",
package/dist/esm/components/Footer.js CHANGED
@@ -1,7 +1,12 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { useShopStore, cls } from '@gem-sdk/core';
2
+ import { useShopStore, cls, makeStyleResponsive } from '@gem-sdk/core';
3
3
  import { useState, useEffect } from 'react';
4
4
 
5
+ const paddingX = {
6
+ desktop: '220px',
7
+ tablet: '16px',
8
+ mobile: '16px'
9
+ };
5
10
  const Footer = ()=>{
6
11
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
7
12
  const [shouldFixed, setShouldFixed] = useState(false);
@@ -24,10 +29,14 @@ const Footer = ()=>{
24
29
  };
25
30
  });
26
31
  return /*#__PURE__*/ jsxs("div", {
27
- className: cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] ', {
32
+ className: cls('gp-footer-container flex h-[48px] items-center justify-between border-y border-1 border-[#EEEEEE] group px-[68px] font-sans', {
28
33
  hidden: !layoutSetting?.showFooter,
29
34
  'fixed w-full bottom-0 z-50': shouldFixed
30
35
  }),
36
+ style: {
37
+ ...makeStyleResponsive('pl', paddingX),
38
+ ...makeStyleResponsive('pr', paddingX)
39
+ },
31
40
  children: [
32
41
  /*#__PURE__*/ jsxs("svg", {
33
42
  width: "192",
package/dist/esm/components/Header.js CHANGED
@@ -1,12 +1,21 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { useShopStore, cls } from '@gem-sdk/core';
2
+ import { useShopStore, cls, makeStyleResponsive } from '@gem-sdk/core';
3
3
 
4
+ const paddingX = {
5
+ desktop: '220px',
6
+ tablet: '16px',
7
+ mobile: '16px'
8
+ };
4
9
  const Header = ()=>{
5
10
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
6
11
  return /*#__PURE__*/ jsxs("div", {
7
- className: cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative px-[68px]', {
12
+ className: cls('gp-header-container flex h-[40px] items-center justify-between border-b border-1 border-[#EEEEEE] group relative font-sans', {
8
13
  hidden: !layoutSetting?.showHeader
9
14
  }),
15
+ style: {
16
+ ...makeStyleResponsive('pl', paddingX),
17
+ ...makeStyleResponsive('pr', paddingX)
18
+ },
10
19
  children: [
11
20
  /*#__PURE__*/ jsxs("svg", {
12
21
  width: "84",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "1.12.0-next.1",
3
+ "version": "1.12.0-next.3",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",