New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

text alignment doesn't seem to response to changes #20

Open

sorskoot opened this issue Nov 23, 2024 · 0 comments

Contributor

sorskoot commented Nov 23, 2024

In the case below the alignment doesn’t change and stays at the one it was initially, I expect the alignment to change when isLocked becomes true.

{!isLocked ? (
    <Header title="INVENTORY" center={false} subtitle={inventoryAmount} />
) : (
    <Header title="UNLOCK REQUIREMENTS" center={true} />
)}
--- Header.tsx ----------------- 
<Container width={props.center === true ? '100%' : 'auto'}>
    <Text textAlign={props.center === true ? 'center' : 'left'} fontSize={26}>
        {props.title}
    </Text>
</Container>

The text was updated successfully, but these errors were encountered:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment