Удаление поля из компонента TwitterTweetEmbed в React Twitter Embed - PullRequest
0 голосов
/ 17 февраля 2020

Я использую Material UI и у меня есть TwitterTweetEmbed из React Twitter Embed, который я не могу понять, как удалить верхнее и нижнее поля.

Это мой текущий код:

const styles = theme => ({
  listItem: {
    padding: '0px',
  },
  tweetSize: {
    margin: 0,
  },
  tweet: {
    margin: 0,
  }
});


class TweetItem extends Component {

  render() {
    return (
      <ListItem className={this.props.classes.listItem}>
        <div className={this.props.classes.tweetSize}>
          <TwitterTweetEmbed className={this.props.classes.tweet} tweetId={blah} options={{ width: 'auto'}} />

        </div>
      </ListItem>
    );
  }
}

export default withStyles(styles)(TweetItem);

Кроме того, используя инструмент проверки в Chrome, я обнаружил, что поля появляются здесь: enter image description here

И вот как они выглядят на странице: enter image description here

Есть ли способ заставить эти поля равными 0 любыми необходимыми средствами?

1 Ответ

0 голосов
/ 17 февраля 2020

Решение, которое я нашел, это просто добавить

marginTop: '-10px'

в стиль listItem.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...