Open JDMetal opened 3 weeks ago
new breakpoints in the config file not able to resolve when styling components
https://codesandbox.io/p/sandbox/fragrant-platform-z3mm9j?file=%2Fsrc%2FApp.tsx%3A18%2C13
latest
No response
gluestack-style.config.ts
import {config} from '@gluestack-ui/config'; import {createConfig} from '@gluestack-ui/themed'; export const customConfig = createConfig({ ...config, tokens: { mediaQueries: { base: '@media screen and (min-width: 0)', customBreakpoint: '@media screen and (min-width: 300)', sm: '@media screen and (min-width: 600px)', md: '@media screen and (min-width: 905px)', lg: '@media screen and (min-width: 1240px)', xl: '@media screen and (min-width: 1440px)', } }, } as const); type Config = typeof customConfig; declare module '@gluestack-style/react' { interface ICustomConfig extends Config {} }
example component:
related issue: https://github.com/gluestack/gluestack-ui/issues/2179
Hey @JDMetal, Thanks for reporting the issue. We'll look into it.
Description
new breakpoints in the config file not able to resolve when styling components
CodeSandbox/Snack link
https://codesandbox.io/p/sandbox/fragrant-platform-z3mm9j?file=%2Fsrc%2FApp.tsx%3A18%2C13
Steps to reproduce
gluestack-ui Version
latest
Platform
Other Platform
No response
Additional Information
gluestack-style.config.ts
example component: