Как сделать так, чтобы Icon вписывался в Menu.Item в Semantic UI React Вертикальное меню? - PullRequest
Новая
       52

Как сделать так, чтобы Icon вписывался в Menu.Item в Semantic UI React Вертикальное меню?

0 голосов
/ 08 октября 2019

Я строю вертикальную строку меню в Semantic UI React. У меня есть несколько компонентов Menu.Item в моем меню. Первый элемент Menu.Item содержит компонент Icon без текста меню. У меня проблема в том, что значок переполняется в Menu.Item под ним. Я не могу понять, почему это? Я попытался отрегулировать поля, отступы, высоту строки, но ничего не работает. Есть идеи? Буду очень признателен. Спасибо.

enter image description here

Вот мой код для первой пары Menu.Items. Добавление текста в Menu.Item правильно увеличивает размер, но я не хочу никакого текста меню с иконкой. 

<Menu.Item link><Icon name='x' size='large'/></Menu.Item>
            <Menu.Item as={Link} to='/' onClick={this.handleSidebarHide}>
              Home
            </Menu.Item>
            <Menu.Item as={Link} to='/about' onClick={this.handleSidebarHide}>About Us</Menu.Item>

1 Ответ

1 голос
/ 08 октября 2019

Попробуйте этот, он поможет вам 

<Menu.Item> link style={{  display: "inline-block" }} ><Icon name='x' size='large'/></Menu.Item>
...