Skip to content
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.

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

Slide bracket horizontally like demo on mobile #18

Open
ElijahPrince73 opened this issue Apr 21, 2022 · 3 comments
Open

Slide bracket horizontally like demo on mobile #18

ElijahPrince73 opened this issue Apr 21, 2022 · 3 comments

Comments

@ElijahPrince73
Copy link

ElijahPrince73 commented Apr 21, 2022

I want to be able to scroll horizontally on mobile and not change the view to a column layout

How can I do that
Screen Shot 2022-04-20 at 5 34 56 PM

`const CustomSeed = ({ seed, breakpoint, roundIndex, seedIndex }) => (



{seed.teams[0]?.name || 'NO TEAM '}
{seed.teams[1]?.name || 'NO TEAM '}



);

const Component = () => (

<Bracket
rounds={rounds}
roundTitleComponent={(title) => (

{title}

)}
renderSeedComponent={CustomSeed}
swipeableProps={{
enableMouseEvents: true,
animateHeight: true,
style: {
padding: '0 50px 0 0',
},
}}
/>

);`

@ElijahPrince73 ElijahPrince73 changed the title Slide bracket horizontally like demo Slide bracket horizontally like demo on mobile Apr 21, 2022
@MahmoudTarekAli
Copy link

same issue did you find a solution yet ?

@MWTuttle
Copy link

Have both of you been successful in getting this to run on mobile?

@MahmoudTarekAli
Copy link

No ended up using a different library called @g-loot/react-tournament-brackets

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants