snettah / react-ztext

Ztextjs implementation in React
48 stars 2 forks source link

Style Error in React #3

Open ChaseWindYoungs opened 11 months ago

ChaseWindYoungs commented 11 months ago

In Vue-ztext, i can find z-layer class name. but in react, it seems like meaningless style names

snettah commented 11 months ago

Hello, maybe the layers props ?

interface Props {
  depth: string
  direction: string
  event: string
  eventRotation: string
  eventDirection: string
  fade: boolean
  layers: number
  perspective: string
  children: React.ReactNode
  style?: React.CSSProperties
}
ChaseWindYoungs commented 11 months ago

Hello, maybe the layers props ?

interface Props {
  depth: string
  direction: string
  event: string
  eventRotation: string
  eventDirection: string
  fade: boolean
  layers: number
  perspective: string
  children: React.ReactNode
  style?: React.CSSProperties
}

Seems so, why not use z-layer in react, I can just make some css changes using this style name

raymolla7 commented 2 months ago

Yeah I am having same issue. Just meaningless random class names in React version:

image

But in the regular version it's supposed to look like this:

image

Having the regular classnames is the intended way to do styling as per the site:

image

but i solved it for myself by using 'sc-aXZVg'

like so:

.sc-aXZVg:not(:first-child) { color: #dfd62a; }