I cant find anything how to set the width of a Button in Framework7. I want the button to be the same width for example as in the template or examples of framework7 Espresso or Seven Burger.
Heres my code:
const HomePage = () => (
<Page class="page" name="home" bgColor='teal'>
{/* Page content */}
<div class="page-content display-flex flex-direction-column text-align-center justify-content-center">
<div>
<img src="/images/dartboard2.png" alt="pic" width="300"></img>
<h1>Darts</h1>
<Button color="red" raised fill button-round large>
Let's dart!
</Button>
</div>
</div>
</Page>
);
export default HomePage;
How can I set the button width?