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

Разбираемся в CSS
Ответить
Гость
 Проблема со свернутым боковым меню Vue element-io

Сообщение Гость »

Я пытаюсь реализовать простую панель администратора, используя библиотеку 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»