Implement donate for puppy

lohsuan / puppy_sponsor

Frontend and smart contract for puppy sponsor web3.0 project.

MIT License

1 stars 3 forks source link

Implement donate for puppy #7

Closed lohsuan closed 2 years ago

lohsuan commented 2 years ago

Description

Add the Puppy Detail page
Refactor main contract & re-deployment

tzulin commented 2 years ago

For the table overflow issue on small-width window, how about add the code below into our css, and let the table could be scrolled horizontally on small-width window.

@media (max-width: 720px) {
  table {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

It should look like this picture. scroll table on small-width window

Xanonymous-GitHub commented 2 years ago

How about this for the table overflow issue:

tzulin commented 2 years ago

Looks great! And I'm thinking about that maybe we don't need the RECEIVER column?

Xanonymous-GitHub commented 2 years ago

Oh oh, I don't think it's necessary to hear you say that, it seems that it can be removed.

Xanonymous-GitHub commented 2 years ago

It will finally looks like this:

lohsuan commented 2 years ago

It seems like it only works in dark mode...

It looks like the following in the light mode.

Sorry to find that after merge.... Should I restore this branch to fix it? @Xanonymous-GitHub need your comment.