Как стилизовать / уменьшить ширину панели предупреждений пользовательского интерфейса материала? - PullRequest
Новая
       8

Как стилизовать / уменьшить ширину панели предупреждений пользовательского интерфейса материала?

0 голосов
/ 15 марта 2020

Пока я не использую другие стили или. css файлы на своей странице. Ширина оповещения распространяется на всю страницу. Я пытаюсь это, но это не имеет никакого значения: 

function StatusMessage(){
    if (isRemoved){
      return (
      <Alert   style={{
        width:'50%',
      }}
      className='alerts' severity="success"> User Removed</Alert>
        )
      }
  }

1 Ответ

1 голос
/ 16 марта 2020

Невозможно воспроизвести, просто выбросил в мой проект React и style={{width:'50%'}} работает.

Идеи для отладки:

  • удалить лишнюю className='alerts', что также может привести к путанице это происходит, когда вы сами или какая-то библиотека случайно определяете CSS для такого класса.
  • сообщает, в каком контейнере он находится: block, flex-box и другие ведут себя по-разному, хотя я тестировал первые два и оба работал нормально для меня.
  • Используйте отладчик браузера и сообщите, какие CSS правила действительно применены или были отменены для элемента, который может дать больше идей, чтобы помочь вам.
...