css - 更改 ionic 侧菜单的两个菜单宽度

Question

我有左右 ionic 侧菜单，我想同时更改菜单宽度。我已成功更改左侧菜单宽度，如下所示，但我不确定如何更改右侧菜单宽度。目前，左侧菜单宽度会发生变化，但在切换右侧菜单时，右侧菜单内容会失真。

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

Codepen Link

Answer 1

只需在 variables.scss 中添加“菜单宽度”

$menu-width: 200px;