CODEWITHSUNDEEP
javascripthtmlcssreactjsmaterial-ui
user13067694
user13067694

Reputation:

first material UI button hides

I am using material UI buttons like this

      <main className="content">
        <div className="buttons">
          <Button
            variant="contained"
          ></Button>
          <br />
          <br />
          <Button
            variant="contained"
          >
            Text
          </Button>
        </div>
      </main>

.content {
  padding-left: 280px;
  padding-top: 100px;
  background-color: white;
}

.buttons {
  padding-top: 20px;
  flex-direction: column;
  display: flex;
  width: 200px;
}

but for some reason the first button hides and I can only see the lower half of it on my screen. Here's a codesandbox example:

https://codesandbox.io/s/cranky-pond-4bqgm?file=/src/page.css:0-179

Upvotes: 0

Views: 58

Answers (1)

Medi
Medi

Reputation: 1036

You first button doesn't have a text.

<Button
            variant="contained"
            color="primary"
            onClick={() => history.push("./overfitting")}
          >I'm here</Button>

Upvotes: 1

Related Questions