javascript — Material-ui Popover, Select, меню Компоненты позиции неправильно, когда я даю индекс увеличения

Material-ui Popover, Select, меню Компоненты позиции неправильно, когда я даю индекс увеличения

Я даю индекс приближения моему HTML, и после этого компоненты Material-ui Popover, Select и Menus, использующие модальные компоненты Material-ui, меняются позиции

Вот мой индекс.css

 @media only screen and (max-width: 1500px) { html{ zoom:0.8 }} 

Мои Js.

  {amp}lt;Popover anchorReference="anchorEl" open={Boolean(userMenu)} anchorEl={userMenu} onClose={userMenuClose} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }} transformOrigin={{ vertical: 'top', horizontal: 'center' }} action={refa} classes={{ paper: 'py-8' }} {amp}gt; {amp}lt;{amp}gt; {amp}lt;MenuItem onClick={() ={amp}gt; changeLanguage('tr')}{amp}gt; {amp}lt;img src="/assets/images/flags/tr.png" alt="tr" className="flag mr-8" /{amp}gt; {amp}lt;ListItemText className="pl-0 " primary="TR" /{amp}gt; {amp}lt;/MenuItem{amp}gt; {amp}lt;MenuItem onClick={() ={amp}gt; changeLanguage('en')}{amp}gt; {amp}lt;img src="/assets/images/flags/en.png" alt="en" className="flag mr-8" /{amp}gt; {amp}lt;ListItemText className="pl-0" primary="EN" /{amp}gt; {amp}lt;/MenuItem{amp}gt; {amp}lt;/{amp}gt; {amp}lt;/Popover{amp}gt; 

Вот что должно быть введено описание изображения здесь

Но это произойдет, введите описание изображения здесь

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector