更改离子侧菜单的两个菜单宽度

Question

我有左右离子侧菜单,我想改变菜单宽度.我已成功更改左侧菜单宽度,如下所示,但我不知道如何更改右侧菜单宽度.目前,左侧菜单宽度发生变化,但当正在切换右侧菜单时,右侧菜单内容会失真.

.menu.menu-left{
    width: calc(100% - 70px) !important;
}
.menu-open .menu-content{
    transform: translate3d(calc(100% - 70px), 0px, 0px) !important;
}

Codepen链接

Answer 1

只需添加"菜单宽度"即可 variables.scss

$menu-width: 200px;