Проблема со свернутым боковым меню Vue element-io ⇐ CSS

[Гость]

Я пытаюсь реализовать простую панель администратора, используя библиотеку Element UI.
Моя проблема в том, что когда боковое меню скрыто, содержимое не занимает 100%, и это единственный способ исправить это можно, отключив анимацию меню и уменьшив его ширину при сворачивании с помощью CSS:

Код: Выделить всё

aside.menu-collapsed {
width: 64px !important;
}

Мой макет выглядит следующим образом:
Шаблон:

Код: Выделить всё

:
:







[/i]

Css:

Код: Выделить всё

.el-menu-vertical {
height: 100vh;
}
.el-menu-vertical:not(.el-menu--collapse) {
width: 100%;
}

.el-header {
background-color: #b4bbc1;
color: #333;
line-height: 56px;
}

Есть идеи, как увеличить ширину контента при сворачивании бокового меню?

Подробнее здесь: https://stackoverflow.com/questions/589 ... nu-problem