lupine.components 1.1.36 → 1.1.37

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/package.json +1 -1
  2. package/src/components/mobile-components/mobile-side-menu.tsx +2 -4
  3. package/src/frames/responsive-frame.tsx +2 -4
  4. package/src/frames/slider-frame.tsx +2 -4
  5. package/src/frames/top-frame.tsx +2 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lupine.components",
3
- "version": "1.1.36",
3
+ "version": "1.1.37",
4
4
  "license": "MIT",
5
5
  "author": "uuware.com",
6
6
  "homepage": "https://github.com/uuware/lupine.js",
package/src/components/mobile-components/mobile-side-menu.tsx CHANGED
@@ -223,10 +223,8 @@ export const MobileSideMenu = (props: { children: VNode<any>; autoExtend?: boole
223
223
  overflowY: 'auto',
224
224
  transform: 'translateX(-100%)',
225
225
  boxShadow: 'var(--cover-box-shadow)',
226
- '@supports (-webkit-touch-callout: none)': {
227
- 'padding-top ': 'constant(safe-area-inset-top)',
228
- 'padding-top': 'env(safe-area-inset-top)',
229
- },
226
+ 'padding-top ': 'constant(safe-area-inset-top)',
227
+ 'padding-top': 'env(safe-area-inset-top)',
230
228
  },
231
229
  [MediaQueryRange.TabletAbove]: {
232
230
  '&.auto-extend .mobile-side-menu-mask': {
package/src/frames/responsive-frame.tsx CHANGED
@@ -35,10 +35,8 @@ export const ResponsiveFrame = (props: ResponsiveFrameProps) => {
35
35
  borderLeft: props.maxWidth ? '1px solid var(--primary-border-color)' : 'none',
36
36
  margin: '0 auto',
37
37
  overflowX: 'hidden',
38
- '@supports (-webkit-touch-callout: none)': {
39
- 'padding-top ': 'constant(safe-area-inset-top)',
40
- 'padding-top': 'env(safe-area-inset-top)',
41
- },
38
+ 'padding-top ': 'constant(safe-area-inset-top)',
39
+ 'padding-top': 'env(safe-area-inset-top)',
42
40
  '.frame-top-menu': {
43
41
  display: 'flex',
44
42
  flexDirection: 'column',
package/src/frames/slider-frame.tsx CHANGED
@@ -72,10 +72,8 @@ export const SliderFrame = (props: SliderFrameProps) => {
72
72
  transition: 'transform 0.4s ease-in-out',
73
73
  backgroundColor: 'var(--primary-bg-color)',
74
74
  // trick: to put two padding-top properties
75
- '@supports (-webkit-touch-callout: none)': {
76
- 'padding-top ': 'constant(safe-area-inset-top)',
77
- 'padding-top': 'env(safe-area-inset-top)',
78
- },
75
+ 'padding-top ': 'constant(safe-area-inset-top)',
76
+ 'padding-top': 'env(safe-area-inset-top)',
79
77
  '&.show': {
80
78
  transform: props.direction === 'bottom' ? 'translateY(0)' : 'translateX(0)',
81
79
  },
package/src/frames/top-frame.tsx CHANGED
@@ -16,10 +16,8 @@ export const TopFrame = async (placeholderClassname: string, vnode: VNode<any>)
16
16
  flexDirection: 'column',
17
17
  height: '100%',
18
18
  // trick: to put two padding-top properties
19
- '@supports (-webkit-touch-callout: none)': {
20
- 'padding-top ': 'constant(safe-area-inset-top)',
21
- 'padding-top': 'env(safe-area-inset-top)',
22
- },
19
+ 'padding-top ': 'constant(safe-area-inset-top)',
20
+ 'padding-top': 'env(safe-area-inset-top)',
23
21
  },
24
22
  };
25
23